讓頁面具有語音辨識輸入功能（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("嘗試使用語言識別來輸入內容吧");}