關於HTML5 語音搜尋的問題

2022-03-10 22:34:03 字數 730 閱讀 6776

以前語音輸入功能雖然沒用過,但是看上去很高階的樣子,有了智慧型手機之後,在ios和android中的語音輸入,特別是iphone的siri,讓一切變得如此簡單,嘎嘎。

當然我不是在這裡要實現如此強悍的功能,只是說說html5中的語音輸入功能speech屬性,大家先可以看看w3c文件:

看上去很強大的樣子,不過不要高興的太早,因為大部分的瀏覽器還沒有實現這些介面,目前可以用的只有chrome(11版本以上)的私有屬性:x-webkit-speech。例如我們看看**在chrome下的搜尋框,如圖:

實現語音輸入也非常簡單:

name="q"

x-webkit-speech/>

簡單的來說,我們只要在input元素上加上x-webkit-speech屬性就可以了,當然你如果用xhtml,那麼標準的寫法是:x-webkit-speech=」x-webkit-speech」;

lang

設定語言種類:

lang="zh-cn"

x-webkit-grammar

語音識別語法,取值:

onwebkitspeechchange

語音輸入事件,當發聲語音改變時觸發:

關於HTML5語音Web Speech

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

html5的新玩法 語音搜尋

谷歌的 是時逛時新啊,今天在他們首頁發現了html5的新玩法 語音搜尋。可惜的是只有webkit核心的瀏覽器才能使用。用法很簡單 只需要在input新增屬性x webkit speech即可,例子如下 複製 如下 這樣你的輸入框右邊裡就多了個 小話筒 點選的時候就會提示 這時說出來識別後就可以了,我...

四 Html5 語音識別

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