让页⾯具有语⾳识别输⼊功能(HTML5speech语⾳输⼊⽅法)
HTML5中speech属性是⼀个实现语⾳输⼊的⽅法,⽬前只有WebKit浏览器⽀持该该属性。
对象标签:input || textarea (⽬前只有input⽀持)
使⽤⽅法:
<input type="text" x-webkit-speech />
也可以使⽤XHTML语法:
<input type="text" x-webkit-speech="x-webkit-speech" />
其他属性:
lang 说明语⾳识别的语⾔种类
<input type="text" x-webkit-speech lang="zh-CN" />
x-webkit-grammar 精确语⾳内容:
<input type="text" x-webkit-speech x-webkit-grammar="bUIltin:search" />
onwebkitspeechchange事件:
<input type="text" x-webkit-speech onwebkitspeechchange="alert(this.value)"/>
检查语⾳识别是否激活⽅法:
123456if (ateElement("input").webkitSpeech === undefined) { alert( "很遗憾,你的浏览器不⽀持语⾳识别。")
html input type属性;}else{ alert("尝试使⽤语⾔识别来输⼊内容吧");}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论