細心的朋友可能會觀察到谷歌搜索右側有個語音搜索功能，能夠實現語音識別功能，可能功能還不夠完善，不過也算是一種趨勢，下面就介紹一下如何實現此功能，代碼如下:

<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實現的語音搜索功能,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！