如果说你觉得这个功能听起来很酷很炫很刺激很拽,自然就相当难实现,那么我要告诉你,当你看了我的本篇博客之后,你会有种想跳楼的冲动:原来其实这么简单。
但是为了让你多看会,多感受下这种神秘的感觉,我要多说点废话,就是不给你看代码。
现在,我来告诉你吧:
实现起来非常简单,首先你可以新建个html页面,里面把基本代码写好:
添加下面这句:
<input type="text" x-webkit-speech />
保存,然后直接用google浏览器打开试试。
看到效果了吧。
那么现在来告诉你深入的知识吧:
首先,给你说支持的html标签:
input和textarea,但是实际就input支持。
其次,做了什么才会有这个效果:
如果你还没有看懂,我这句话可以算醒世恒言:仅仅是在输入框里面加了一个属性而已:x-webkit-speech
再次,如果你不听话,说什么我的电脑没有装google浏览器或者你根本不管直接点击打开,如果你用火狐或者ie打开了,不好意思奇迹不会出现在你眼前。
目前只有google浏览器支持这么写。我已经测试过了才敢这么肯定的告诉你。
x-webkit-speech是webkit内核浏览器的私有属性(废话)。但现在只能在google的chrome
实现过程大概是捕捉到语音后,数据发送到google的服务器进行语音识别,然后返回结果。所以没有足够强大大的研发能力和服务器资源,真没法支持这个服务。