为你的输入框或者搜索框提供语音输入功能(超酷超装逼超折腾的功

如果说你觉得这个功能听起来很酷很炫很刺激很拽,自然就相当难实现,那么我要告诉你,当你看了我的本篇博客之后,你会有种想跳楼的冲动:原来其实这么简单。

但是为了让你多看会,多感受下这种神秘的感觉,我要多说点废话,就是不给你看代码。

现在,我来告诉你吧:

实现起来非常简单,首先你可以新建个html页面,里面把基本代码写好:

添加下面这句:

<input type="text" x-webkit-speech />

保存,然后直接用google浏览器打开试试。

看到效果了吧。

那么现在来告诉你深入的知识吧:

首先,给你说支持的html标签:

input和textarea,,但是实际就input支持。

其次,做了什么才会有这个效果:

如果你还没有看懂,我这句话可以算醒世恒言:仅仅是在输入框里面加了一个属性而已:x-webkit-speech

再次,如果你不听话,说什么我的电脑没有装google浏览器或者你根本不管直接点击打开,如果你用火狐或者ie打开了,不好意思奇迹不会出现在你眼前。

目前只有google浏览器支持这么写。我已经测试过了才敢这么肯定的告诉你。

x-webkit-speech是webkit内核浏览器的私有属性(废话)。但现在只能在google的chrome

11以上才能使用。实现过程大概是捕捉到语音后,数据发送到google的服务器进行语音识别,然后返回结果。所以没有足够强大大的研发能力和服务器资源,真没法支持这个服务。

以诚感人者,人亦诚而应。

为你的输入框或者搜索框提供语音输入功能(超酷超装逼超折腾的功

相关文章:

你感兴趣的文章:

标签云: