WordPress 添加语音搜索成果

[摘要]相信各人都用过 Google 的搜索,Google.com in English 版本的搜索有一个语音搜索成果,同样也可以给WordPress 添加语音搜索成果,本文就先容一下,不外这个成果临时只能在 Chrome 11 版本以上的谷歌欣赏器上看到这个结果。

  相信各人都用过 Google 的搜索,不知道各人有没有留意到 Google.com in English 版本的搜索有一个语音搜索,只要吐字清晰,它的识别力照旧很高的,并且也只支持中文的语音,这对付暮年人、残障人士、偷懒人群是一个很是有用的装B成果。本日心血来潮,把此成果搬到 WordPress。

  就本站此刻用的这个主题来说,已经用上了这个 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下载:

WordPress v4.4.2 英文版下载

WordPress 添加语音搜索成就

界面预览

本文转自:

分享到

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/10325.html