为您的WordPress 添加语音搜索功能 备忘

转载 2012年03月29日 19:35:06

相信大家都用过 Google 的搜索,不知道大家有没有注意到 Google.com in English 版本的搜索有一个语音搜索,只要吐字清晰,它的识别力还是很高的,而且也只支持中文的语音,这对于老年人、残障人士、偷懒人群是一个非常有用的装B功能。今天心血来潮,把此功能搬到 WordPress。

就本站现在用的这个主题来说,已经用上了这个 Wordpress的语音搜索功能,有图为证。


查看演示效果

可以看到右上角的站内搜索框比以往多了一个小话筒的图标,点击之后就会弹出一个小的提示框,此时可以清晰地说出你需要搜索的关键词,截图中是我语音说的 “WordPress” 这个关键词,有兴趣的朋友可以拿本站做测试。

但是,这个功能暂时只能在 Chrome 11 版本以上的谷歌浏览器上看到这个效果。因为这是在 input 输入框里添加 x-webkit-speech 属性来实现的,从这个属性的命名可以看出,webkit,这是一个 webkit 核心浏览器的私有属性,所以你可以切换到 Chrome 浏览器来测试本功能。

x-webkit-speech 是 html5 的 speech 功能的 API,Google 的 Chrome 在对 HTML5、CSS3 的新技术标准的支持上特别积极,所以很有幸,我们可以在 Chrome 上体现各种新奇的功能特性。实现的方法也特别简单,在你的搜索输入框的 input 标签里添加 x-webkit-speech 属性即可,如下:

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

废话很多,但是代码却很简单,赶紧试试呗!

标签: WordPress

相关文章推荐

android仿淘宝语音搜索功能集成科大讯飞

盗版必究

语音搜索Demo

  • 2012-09-11 16:29
  • 672KB
  • 下载

HTML5 语音搜索

Html5支持语音搜索,可惜的是只有webkit核心的浏览器才能使用。用法很简单  只需要在input添加属性x-webkit-speech即可,例子如下:   这样你的输入框右边里就...

一句代码实现HTML 5淘宝语音搜索

淘宝网的语音搜索也有了一阵子了,但似乎都没看到相关的博客或帖子在说这个如何实现,今天查了点资料,发现原来实现是如此简单,可能是因为太简单了,也就没有人讨论了吧。 其实实现只需一句代码即可: ...

Google Voice 语音搜索

在android应用中加入语音功能,将使应用更加的实用、方便。google的语音使用还是比较简单的,下面给大家介绍一下使用方法: 1、下载Google Voice的APK安装包,在手机中进行安装。 ...

Chrome 34 Beta新看点:响应式图像和免提语音搜索等

Chrome 34 Beta新看点:响应式图像和免提语音搜索等 http://www.csdn.net/article/2014-02-28/2818574 摘...

语音搜索

一句代码实现 HTML5 语音搜索   淘宝网的语音搜索也有了一阵子了,但似乎都没看到相关的博客或帖子在说这个如何实现,今天查了点资料,发现原来实现是如此简单,可能是...

【造轮子系列】仿谷歌语音搜索动画——VoiceAnimation

转载注明出处:简书-十个雨点谷歌App的语音搜索功能估计很多人都没用过,没用过的也没必要去用它了,因为实际上就类似手机百度,360手机搜索,是一款类浏览器产品,没有太多实用价值。不过不得不说的是,它的...

Google语音搜索在无网络下进入,不断弹出无网络的toast,按返回键无效

Google语音搜索在无网络下进入,不断弹出无网络的toast,按返回键无效 [DESCRIPTION] 1. 在无网络下进入Google语音搜索; 2. 不断弹出无网络的toast,按返回...

苹果语音搜索或将颠覆传统搜索

有消息指出,苹果公司(Apple)虽然始终没有表示出想要涉足搜索领域的想法,但是iOS5中的“语音助手”实为语音搜索服务。以目前苹果产品的用户覆盖率,加以时日,一旦人们是习惯了“语音搜索”,就很有可能...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)