HTML5如何實(shí)現(xiàn)語音搜索

這篇文章主要介紹HTML5如何實(shí)現(xiàn)語音搜索，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、成都網(wǎng)站設(shè)計、成都外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的白云網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

淘寶網(wǎng)的語音搜索也有了一陣子了，但似乎都沒看到相關(guān)的博客或帖子在說這個如何實(shí)現(xiàn)，今天查了點(diǎn)資料，發(fā)現(xiàn)原來實(shí)現(xiàn)是如此簡單，可能是因?yàn)樘唵瘟?，也就沒有人討論了吧。

其實(shí)實(shí)現(xiàn)只需一句代碼即可：

x-webkit-speech

一看到這句代碼，想到了什么？對，這說明語音搜索只支持webkit內(nèi)核瀏覽器，那么這段代碼具體要放在哪呢？

代碼如下:

放在文本輸入框內(nèi)就行了，其他的什么都不用做，

當(dāng)然還有一些其他的參數(shù)，比如設(shè)置語音限制語言種類

代碼如下:

還有設(shè)置語音輸入語法的參數(shù)，這個就比較試用于搜索框。加上這參數(shù)后，系統(tǒng)就會自動去掉“的”、“啦”這類無意義的字

代碼如下:

當(dāng)然在測試時候發(fā)現(xiàn)一個小問題，就是當(dāng)具有語音搜索的頁面是iframe頁面時，點(diǎn)擊麥克風(fēng)后，“請開始說話”這浮動層就不跟隨input輸入框了

以上是“HTML5如何實(shí)現(xiàn)語音搜索”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前標(biāo)題：HTML5如何實(shí)現(xiàn)語音搜索
網(wǎng)址分享：http://m.jiaotiyi.com/article/gsdioi.html