以前語音輸入功能雖然沒用過,但是看上去很高階的樣子,有了智慧型手機之後,在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 值使得語音輸入的...