让页面具有语音识别输入功能（HTML5 speech 语音输入方法）

 

       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)"/>

• 检查语音识别是否激活方法：

  123456

  if (document.createElement("input").webkitSpeech === undefined) { alert( "很遗憾，你的浏览器不支持语音识别。") ;}else{ alert("尝试使用语言识别来输入内容吧");}