给自己网站搜索栏添加 Google 语音搜索技术

自从苹果的 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>

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