自从苹果的 Siri 助手发布以来，越来越多的语音技术应用到了网页上，今天 Forece 就来教大家如何将自己的搜索栏改造为支持语音输入技术的。不过此项技术暂时只支持 Google Chorme 浏览器或者其他支持 Webkit 的浏览器。其他浏览器暂时无缘。

演示地址：（请用 GOOGLE CHROME 打开）
http://www.maplebus.com

Google 语音技术

想实现这个功能其实很简单，在你的 Input 中加入小小的一段代码就可以了。

1
<input type="text" name="keyword" value="输入网站名称" onClick="if(this.value=='输入网站名称'){this.value='';}" onBlur="if(this.value==''){this.value='输入网站名称';}"  class="input" x-webkit-speech /></div>

快去打造你自己的语音搜索栏吧~~~

打赏分享