細心的朋友可能會觀察到谷歌搜索右側有個語音搜索功能,能夠實現語音識別功能,可能功能還不夠完善,不過也算是一種趨勢,下面就介紹一下如何實現此功能,代碼如下:
<input type="text" name="test" x-webkit-speech lang="zh-CN" x-webkit-grammar="bUIltin:search"/>
參數解釋:
1.x-webkit-speech:可以讓文本框右側出現話筒圖標。
2.lang:強制輸入框里面的語音的語言種類。
3.x-webkit-grammar:指的是語音輸入語法,"builtin:search”值使得語音輸入的內容盡量靠近搜索內容,去除多余的字符。
總結
以上所述是小編給大家介紹的基于Html5實現的語音搜索功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!
新聞熱點
疑難解答