淺析如何利用JavaScript進(jìn)行語(yǔ)音識(shí)別
一、基礎(chǔ)用法
var recognition = new webkitSpeechRecognition(); recognition.onresult = function(event) { console.log(event) } recognition.start();
這里操作實(shí)際會(huì)讓用戶授權(quán)頁(yè)面開(kāi)啟麥克風(fēng),如果用戶允許的話,用戶可以開(kāi)始說(shuō)話了,如果你停說(shuō)話了,onresult
注冊(cè)的時(shí)間 則會(huì)被觸發(fā),并會(huì)講捕獲的音頻返回成一個(gè)JavaScript對(duì)象。
二、響應(yīng)流
你需要等待用戶準(zhǔn)備好對(duì)話,并且知道對(duì)話結(jié)束;
var recognition = new webkitSpeechRecognition(); recognition.continuous = true; recognition.interimResults = true; recognition.onresult = function(event) { console.log(event) } recognition.start();
這樣你可以在用戶開(kāi)始講話時(shí),提前渲染結(jié)果。
你可以自動(dòng)以識(shí)別的語(yǔ)言,默認(rèn)情況為所在地區(qū)語(yǔ)言。
三、x-webkit-speech
Webkit 內(nèi)核的瀏覽器支持語(yǔ)音輸入
<input type="text" x-webkit-speech />
它會(huì)識(shí)別音頻并進(jìn)行轉(zhuǎn)化為文字
四、安全性
http協(xié)議下瀏覽器每次都會(huì)提醒用戶去確認(rèn)語(yǔ)音操作,然而https的頁(yè)面,沒(méi)有這樣一個(gè)麻煩的操作。
JavaScript上下文,整個(gè)頁(yè)面,都能過(guò)訪問(wèn)到捕獲的音頻。
總結(jié)
JavaScript的語(yǔ)音識(shí)別總體還并未大范圍使用,而且受限于瀏覽器支持,因此只有少數(shù)需求或許能夠使用到吧。以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流。
相關(guān)文章
JavaScript數(shù)據(jù)結(jié)構(gòu)yocto queue隊(duì)列鏈表代碼分析
這篇文章主要為大家介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)yocto queue隊(duì)列鏈表代碼分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12微信小程序canvas實(shí)現(xiàn)手寫(xiě)簽名
這篇文章主要為大家詳細(xì)介紹了微信小程序canvas實(shí)現(xiàn)手寫(xiě)簽名,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07Typescript文件被識(shí)別為視頻的問(wèn)題解決
這篇文章主要為大家介紹了Typescript文件被識(shí)別為視頻的問(wèn)題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06微信小程序通過(guò)點(diǎn)擊事件跨頁(yè)面?zhèn)鲄⒓癲ata-方法傳參(data-)的示例詳解
在?vue?中,我們可以直接在點(diǎn)擊事件中放入傳遞的參數(shù)進(jìn)行傳參;然而微信小程序中并不適用這樣的寫(xiě)法,但是微信小程序可以通過(guò)自定義屬性從而綁定參數(shù)使用,這篇文章主要介紹了微信小程序通過(guò)點(diǎn)擊事件跨頁(yè)面?zhèn)鲄⒁约癲ata-方法傳參(data-),需要的朋友可以參考下2023-12-12使用JavaScript 編寫(xiě)簡(jiǎn)單計(jì)算器
這篇文章主要介紹了使用JavaScript 編寫(xiě)簡(jiǎn)單計(jì)算器,需要的朋友可以參考下2014-11-11詳解JavaScript私有類(lèi)字段和TypeScript私有修飾符
這篇文章主要介紹了JavaScript私有類(lèi)字段和TypeScript私有修飾符,對(duì)私有類(lèi)感興趣的同學(xué),可以參考下2021-04-04JS尾遞歸的實(shí)現(xiàn)方法及代碼優(yōu)化技巧
這篇文章主要介紹了JS尾遞歸的實(shí)現(xiàn)方法及代碼優(yōu)化技巧,結(jié)合實(shí)例形式分析了尾遞歸的原理、JS實(shí)現(xiàn)方法及優(yōu)化技巧,需要的朋友可以參考下2019-01-01通用javascript代碼判斷版本號(hào)是否在版本范圍之間
通用判斷版本號(hào)是否在兩者之間,也可以搭配判斷是否大于某版本號(hào),小于取反即可,本文給大家介紹通用javascript代碼判斷版本號(hào)是否在版本范圍之間,需要的朋友參考下2015-11-11