JavaScript如何實(shí)現(xiàn)語(yǔ)音識(shí)別

發(fā)布時(shí)間：2021-10-15 14:08:10 來(lái)源：億速云閱讀：243 作者：小新欄目：web開(kāi)發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)JavaScript如何實(shí)現(xiàn)語(yǔ)音識(shí)別，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

這里介紹一個(gè)開(kāi)源的JavaScript語(yǔ)言輸入庫(kù)，名叫annyang。

Github地址： https://github.com/TalAter/annyang

截至到2018年7月12日，這個(gè)github倉(cāng)庫(kù)已經(jīng)有4833個(gè)Star了。

JavaScript如何實(shí)現(xiàn)語(yǔ)音識(shí)別

annyang實(shí)際上就是一個(gè)只有2KB大小的JavaScript腳本文件，使用起來(lái)非常方便。

下面就跟著我一起做一個(gè)Hello World應(yīng)用吧，看看您通過(guò)麥克風(fēng)說(shuō)話的聲音是如何被這個(gè)JavaScript庫(kù)文件識(shí)別到的。

新建一個(gè)html文件，將下面的代碼復(fù)制進(jìn)去。將它部署到您本地的Tomcat或者nodejs服務(wù)器上。

<html><script src="annyang.min.js"></script><script>if (annyang) {var commands = {"Hello": function() {
alert(" I have heard your voice!");
}
};var commands2 = {"Bye": function(){
alert("再見(jiàn)！");
}
}
annyang.addCommands(commands);
annyang.addCommands(commands2);
annyang.start();
}
</script>
</html>

我測(cè)試用的是Chrome。

當(dāng)您第一次在瀏覽器里訪問(wèn)這個(gè)網(wǎng)頁(yè)時(shí)，會(huì)彈出下面的Chrome對(duì)話框，提示您這個(gè)應(yīng)用要使用您電腦上的麥克風(fēng)。點(diǎn)Allow按鈕即可。

JavaScript如何實(shí)現(xiàn)語(yǔ)音識(shí)別

這個(gè)應(yīng)用有兩個(gè)地方向您提示它可以接受語(yǔ)音輸入。第一處是下圖1的紅色小圓圈。

JavaScript如何實(shí)現(xiàn)語(yǔ)音識(shí)別

第二處是一個(gè)小的麥克風(fēng)圖標(biāo)，點(diǎn)擊之后，可以設(shè)置允許或者禁止麥克風(fēng)。我們當(dāng)然是要選擇允許啦，否則如何接受語(yǔ)音輸入呢？

JavaScript如何實(shí)現(xiàn)語(yǔ)音識(shí)別

如果您的筆記本電腦本身也有麥克風(fēng)，可以從這個(gè)下拉菜單里選擇用筆記本自帶的麥克風(fēng)，還是用外接的麥克風(fēng)。我用的是后者。

JavaScript如何實(shí)現(xiàn)語(yǔ)音識(shí)別

現(xiàn)在可以測(cè)試了。

JavaScript如何實(shí)現(xiàn)語(yǔ)音識(shí)別

因?yàn)榇a里我給Hello這個(gè)語(yǔ)音綁定的執(zhí)行函數(shù)是一個(gè)alert彈出對(duì)話框，所以當(dāng)我對(duì)著麥克風(fēng)說(shuō)了一句“Hello"之后，我的瀏覽器立即彈出了這個(gè)對(duì)話框。

JavaScript如何實(shí)現(xiàn)語(yǔ)音識(shí)別

同樣，說(shuō)了"Bye"后，會(huì)彈出“再見(jiàn)”。我在響應(yīng)“Bye”這個(gè)語(yǔ)音的函數(shù)設(shè)置了一個(gè)斷點(diǎn)，大家通過(guò)調(diào)用棧也可以觀察到annyang的處理邏輯。

JavaScript如何實(shí)現(xiàn)語(yǔ)音識(shí)別

從annyang的github上能看出，中文也在支持的語(yǔ)音之列，所以大家放心大膽地使用吧！

https://github.com/TalAter/annyang/blob/master/docs/FAQ.md

連粵語(yǔ)都支持，厲害了！

JavaScript如何實(shí)現(xiàn)語(yǔ)音識(shí)別

更多細(xì)節(jié)，請(qǐng)查閱annyang的官網(wǎng)。

https://www.talater.com/annyang/

關(guān)于“JavaScript如何實(shí)現(xiàn)語(yǔ)音識(shí)別”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

JavaScript如何實(shí)現(xiàn)語(yǔ)音識(shí)別

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽