您好,登錄后才能下訂單哦!
這篇文章給大家介紹使用Html5怎么實(shí)現(xiàn)一個(gè)語(yǔ)音搜索功能,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。
html的全稱(chēng)為超文本標(biāo)記語(yǔ)言,它是一種標(biāo)記語(yǔ)言,包含了一系列標(biāo)簽.通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一,使分散的Internet資源連接為一個(gè)邏輯整體,html文本是由html命令組成的描述性文本,html命令可以說(shuō)明文字,圖形、動(dòng)畫(huà)、聲音、表格、鏈接等,主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁(yè)。
代碼如下:
<input type="text" name="test" x-webkit-speech lang="zh-CN" x-webkit-grammar="bUIltin:search"/>
參數(shù)解釋:
1.x-webkit-speech:可以讓文本框右側(cè)出現(xiàn)話(huà)筒圖標(biāo)。
2.lang:強(qiáng)制輸入框里面的語(yǔ)音的語(yǔ)言種類(lèi)。
3.x-webkit-grammar:指的是語(yǔ)音輸入語(yǔ)法,"builtin:search”值使得語(yǔ)音輸入的內(nèi)容盡量靠近搜索內(nèi)容,去除多余的字符。
關(guān)于使用Html5怎么實(shí)現(xiàn)一個(gè)語(yǔ)音搜索功能就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。