App下載

語(yǔ)音搜索在Html5中是如何實(shí)現(xiàn)的?語(yǔ)音搜索案例分享!

猿友 2021-08-03 13:44:28 瀏覽數(shù) (2321)
反饋

在現(xiàn)在的不少音樂(lè)app中我們就可以在軟件中通過(guò)聽(tīng)歌識(shí)別歌曲和通過(guò)語(yǔ)音說(shuō)出歌名進(jìn)行播放,那么今天小編就來(lái)和大家分享有關(guān)于:“語(yǔ)音搜索在Html5中是如何實(shí)現(xiàn)的?”這個(gè)問(wèn)題,下面是小編整理的相關(guān)內(nèi)容,大家可以作為一個(gè)參考!

下面就介紹一下如何實(shí)現(xiàn)此功能,代碼如下:

<input type="text" name="test" x-webkit-speech lang="zh-CN" x-webkit-grammar="bUIltin:search"/>

參數(shù)解釋:

1.x-webkit-speech:可以讓文本框右側(cè)出現(xiàn)話筒圖標(biāo)。

2.lang:強(qiáng)制輸入框里面的語(yǔ)音的語(yǔ)言種類(lèi)。

3.x-webkit-grammar:指的是語(yǔ)音輸入語(yǔ)法,"builtin:search”值使得語(yǔ)音輸入的內(nèi)容盡量靠近搜索內(nèi)容,去除多余的字符。

總結(jié)

那么我們?cè)谕ㄟ^(guò)簡(jiǎn)單的說(shuō)明和解釋下相信大家對(duì)于:“語(yǔ)音搜索在Html5中是如何實(shí)現(xiàn)的?”這個(gè)問(wèn)題也有了自己的一個(gè)見(jiàn)解,如果你喜歡html5的特效和各種有趣的效果的話,大家都可以在 W3Cschool中進(jìn)行學(xué)習(xí)和了解!

0 人點(diǎn)贊