四 Html5 語音識別

html5 實現語音識別so easy!!!!

一般的文字框

語音識別文字框

ok ... 就是這麼簡單！

其他引數：

1、lang　　強制輸入框裡的語言種類

"

text
" x-webkit-speech lang="
zh-cn
"/>

2、x-webkit-grammar　　語音輸入語法，"builtin:search」值使得語音輸入的內容盡量靠近搜尋內容，去除多餘的字元。

例如自動刪除寫助詞之類的，沒有測試

"

text
" x-webkit-speech x-webkit-grammar="
builtin:search
" />

3、onwebkitspeechchange 當語音識別成功，文字寫入到文字框之後觸發。

"

fun();
"/>

支援html5的瀏覽器包括

firefox

（火狐瀏覽器），

ie9及其更高版本，

chrome

（谷歌瀏覽器），

safari

，opera

等；國內的傲遊瀏覽器（maxthon），以及基於ie或

chromium

（chrome的工程版或稱實驗版）所推出的

360瀏覽器

、搜狗瀏覽器

、qq瀏覽器

、獵豹瀏覽器

等國產瀏覽器同樣具備支援html5的能力，所以此功能也只能在此條件下才ok！！

四 Html5 語音識別

html5 實現語音識別so easy 一般的文字框 語音識別文字框 ok 就是這麼簡單！其他引數 1 lang 強制輸入框裡的語言種類 text x webkit speech lang zh cn 2 x webkit grammar 語音輸入語法，builtin search 值使得語音輸入的...

關於HTML5語音Web Speech

公司用了挺久的，簡單記下。百分之九十拷貝，百分之十小辣雞屬於自己，就標原創，嘿嘿。html5中和web speech相關的api實際上有兩類，一類是 語音識別 speech recognition 另外乙個就是 語音合成 speech synthesis 我公司業務主要用的是語音合成這個類，這玩意就...

前端HTML5語音播報

獲取html本地videothis.localaudio window.speechsynthesis 宣告語音播報this.audioservice new speechsynthesisutterance 語音提示this.audioservice.text 中國對測試打發撒旦發射點阿斯頓髮順豐...