四 Html5 語音識別

2021-09-22 09:01:51 字數 854 閱讀 3002

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 中國對測試打發撒旦發射點阿斯頓髮順豐...