主頁 > 知識(shí)庫 > HTML5為輸入框添加語音輸入功能的實(shí)現(xiàn)方法

HTML5為輸入框添加語音輸入功能的實(shí)現(xiàn)方法

熱門標(biāo)簽:硅谷的囚徒呼叫中心 檢查注冊(cè)表項(xiàng) 智能手機(jī) 美圖手機(jī) 阿里云 百度競(jìng)價(jià)點(diǎn)擊價(jià)格的計(jì)算公式 網(wǎng)站建設(shè) 使用U盤裝系統(tǒng)

這里介紹的是大家以后要用到的html強(qiáng)大功能,可直接給輸入框增加語音功能,下面我們先來看看實(shí)現(xiàn)方法。

大家可以看到在輸入框右邊的麥克風(fēng)圖標(biāo),點(diǎn)擊麥克風(fēng)就能夠進(jìn)行語音識(shí)別了。

其實(shí)很簡(jiǎn)單,語音識(shí)別是html5的基本功能,它的用法是

<input type=”text” speech x-webkit-speech />

如果喜歡XHTML類似的語法,可以這樣表示

<input type=”text” x-webkit-speech=”x-webkit-speech” />

語音識(shí)別在十年前是讓人覺得不可思議的事情,即便是前些年,網(wǎng)頁上的語音識(shí)別也只能使用其他方式實(shí)現(xiàn),比如使用Flashplayer等等。不過現(xiàn)在,獲取語音只需要簡(jiǎn)單的給輸入框加入一個(gè)屬性標(biāo)簽,就能夠進(jìn)行識(shí)別了。

移動(dòng)設(shè)備如手機(jī)上的瀏覽器,只要支持html5,同樣也應(yīng)該支持語音識(shí)別。試試你的Android瀏覽這個(gè)網(wǎng)頁?

另外,如果想用javascript獲取語音識(shí)別這個(gè)事件的結(jié)束,可以使用onwebkitspeechchange

<input type=”text” speech x-webkit-speech onwebkitspeechchange=”alert(this.value)” />

以上所述是小編給大家介紹的HTML5為輸入框添加語音輸入功能的實(shí)現(xiàn)方法,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

標(biāo)簽:懷化 湖北 黃山 山南 湘潭 賀州 煙臺(tái) 通遼

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML5為輸入框添加語音輸入功能的實(shí)現(xiàn)方法》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266