后退 刷新 前进 收藏 顶部 |   知道 黑匣子 富媒体 技术服务

html5 为自己的搜索框添加语音输入功能

程序猿 新的分享 ... (shuke.2013-09-06 08:18)

很多大网站都在用的一个辅助功能,只要吐字清晰,它的识别力还是很高的,而且也只支持中文的语音,这对于老年人、残障人士、偷懒人群是一个非常有用的装B功能。
个 功能暂时只能在 Chrome 11 版本以上的谷歌浏览器上看到这个效果。因为这是在 input 输入框里添加 x-webkit-speech 属性来实现的,从这个属性的命名可以看出,webkit,这是一个 webkit 核心浏览器的私有属性,所以你可以切换到 Chrome 浏览器来测试本功能。
x-webkit-speech 是 html5 的 speech 功能的 API,Google 的 Chrome 在对 HTML5、CSS3 的新技术标准的支持上特别积极,所以很有幸,我们可以在 Chrome 上体现各种新奇的功能特性。


2 楼 shuke[2013-09-06 08:18]
代码如下:
<input style="height:30px;" type="text" size="30" x-webkit-speech />
只需将x-webkit-speech添加到自己的搜索框里面就可以了,具体CSS样式请自行设计哈,亲!


进度:100% 返回程序猿

解决织梦图集中上传图片时跳出302错误

图片新热点

导航


目录


    站内搜索
    首页 | W3C | ME