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

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

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

  ?