当前位置:首页 > 前端 > HTML/CSS

教你在Google Chrome谷歌浏览器上添加x-webkit-speech语音输入功能

很多网站添加了这个功能,比如:淘宝、拍拍购物等,不过目前只有Google Chrome谷歌浏览器支持。

下面就可以点击话筒试试效果,看下:


实现起来代码也是非常简单,如下:

    测试了下效果,语音识别率还不错,但中间夹杂的时候就很悲剧了,而且该服务需要走google的服务器所以有时响应速度很慢,另外在mac中遇到提示“麦克风无法使用”的情况,猜测可能存在一些硬件兼容性问题。总的来说是趣味性大于实用性;比较期待能在手机浏览器上实现这个功能,可以做一些比较有趣的应用。

相关资料:

http://www.w3.org/TR/capture-api/
http://www.w3.org/TR/xhtml+voice/
http://www.w3.org/2005/Incubator/htmlspeech/2010/10/google-api-draft.html

读后有收获可以支付宝请作者喝咖啡
< 上一篇 下一篇 >
文章评论
湘ICP备15005320号-1 似懂非懂 Powered by doyo. 网站地图
返回顶部