【wordpress主题】WordPress 添加语音搜索功能详解教程

更新时间:2017-12-05    来源:WordPress    手机版     字体:

【www.bbyears.com--WordPress】

在 input 输入框里添加 x-webkit-speech 属性来实现的,从这个属性的命名可以看出,webkit,这是一个 webkit 核心浏览器的私有属性,所以你可以切换到 Chrome 浏览器来测试本功能。

实现的方法也特别简单,在你的搜索输入框的 input 标签里添加 x-webkit-speech

 

属性即可,如下:

 代码如下

x-webkit-speech 是 html5 的 speech 功能的 API,Google 的 Chrome 在对 HTML5、CSS3 的新技术标准的支持上特别积极,所以很有幸,我们可以在 Chrome 上体现各种新奇的功能特性。

本文来源:http://www.bbyears.com/wangyezhizuo/37555.html