背景:为什么会想到用慧编程来设计这个课?
偶然的在B站,看到了一个视频,讲的是盲人是用智能手机的,但他们会遇到加标签,加标签,加标签。看完之后李老师很有感触。因为确实之前也很少关注盲人的生活。同时也很想让你们去了解下。其实这对于编程的学习也是很有帮助的,同样会激发内心的学习兴趣。毕竟帮助他人很快乐。
Smartisan OS 无障碍模式演示视频:
https://www.bilibili.com/video/av16117567
看完上面的视频之后,我就想原来微信是有给盲人加标签的,那就去微信设置看看。遗憾的是,设置里没有看到,于是百度:微信怎么加盲人标签?看到知乎的一位盲人回答,盲人上网是用屏幕阅读器的,还推荐了一个视频,可以了解更多。视频内容同样很精彩,在这我就不剧透了!
。不过可以悄悄告诉你,李老师跟着视频介绍的方法体验了一把盲人是怎么用淘宝,微信的,你也可以试试。
梁振宇:未来闭着眼睛上网
http://c.open.163.com/mobile/free/gb/video?plid=MA0TUFICV&mid=MAEBDGKL5
分析项目:
其实最最核心的技术就是文字识别,通过程序,让计算机识别出屏幕上的文字,在慧编程的文字识别里有3种识别方式,也就是可以识别3种类型的文字,分别是印刷字,网页上的图片和手写中文字。
李老师一开始想的方法是用摄像头拍照片,类似手机截图,来识别图片上的文字。看到添加扩展-视频侦测,可以把舞台变成摄像头屏幕,实现拍照和录视频(视频只有画面没有声音)。但是李老师目前没有发现好的办法,把这个图片拿来图像识别,不知道慧编程有没有什么上传类的,生成网址,然后就可以实现了。(哎,李老师才疏学浅!)
)
左右滑动看效果,突然想到可以拿来自拍(九连拍),拍动图GIF(也可以说是表情包啦)
**最终效果,猛戳视频,Are you ok?
程序效果从1分24秒开始。
视障人群怎么用智能手机(慧编程文字识别)https://www.bilibili.com/video/av94539779
代码解释:
之所以用如果……那么……再加一个否则,是为了给这个程序留有优化的空间,指不定什么时候,李老师想到盲人需要文字识别的什么场景啦,是不是?
说不定,你们已经脑洞大开,有很好的idea了呐!
这里之所以需要定义变量,是为了清空语音识别内容,不清空的话,此程序真的很鸡肋不信你可以试试!(李老师希望你试试就试试,哈哈哈)
左右滑动即可
1.0版代码 http://mblock.makeblock.com/project/projectshare/302847
END
程序完成了,要说距离盲人真正使用,还差一大截,程序优化的空间真的很大,不过好在有那么点意思吧。尤其是用变量来清空语音识别内容的方法,还尝试把开始语音识别单独用事件分开,体验比第一次课效果更好,有时间[要优化下第一节课的作品啦
程序缺点:如果要识别网页上的图片,链接只能手动搬运,这个真的不符合人工智能。
2.0代码 改进版
▲封面效果,熊猫代码 上下滑动查看更多
</article>
<article style="margin: 5px auto; padding: 0px; max-width: 100%; overflow-wrap: break-word !important; box-sizing: border-box !important; border-width: 0px; border-style: initial; border-color: initial;">
▲手机广告角色代码 后面的是按钮代码 上下滑动查看更多
2.0版本代码 http://mblock.makeblock.com/project/projectshare/303804
</article>
好吧,让我们天天up!下期见!
对了,我希望我分享的两个关于盲人的视频,你一定要看哦,答应我!嘻嘻(●'◡'●)
需要源代码的同学,也可以进这里下载体验!
1.0版本 http://mblock.makeblock.com/project/projectshare/302847
2.0版本 http://mblock.makeblock.com/project/projectshare/303804
程序角色素材下载(永久有效):
链接:https://pan.baidu.com/s/1PHrcUjNbm_cvx4pgiuel-Q
提取码:0hf3
启发来源于这
「 往期文章 」
扫描二维码获取更多精彩
一起成长呀!
点个赞,证明你还爱我,么么哒!