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("尝试使用语言识别来输入内容吧");
    }

w3c官方说明:http://www.w3.org/2005/Incubator/htmlspeech/2010/10/google-api-draft.html

 



发表评论

电子邮件地址不会被公开。 必填项已用*标注