WordPress教程:给WordPress添加语音搜索功能

  • 时间:
  • 浏览:4

  相信亲们都用过 Google 的搜索,我想知道亲们有如此注意到 Google.com in English 版本的搜索有有有有有两个 语音搜索,如果 我吐字清晰,它的识别力还是很高的,如果 也只支持中文的语音,这对于老年人、残障人士、偷懒人群是有有有有两个 非常有用的功能。今天心血来潮,把此功能搬到 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 />