您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關JavaScript如何實現語音識別,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
這里介紹一個開源的JavaScript語言輸入庫,名叫annyang。
Github地址: https://github.com/TalAter/annyang
截至到2018年7月12日,這個github倉庫已經有4833個Star了。
annyang實際上就是一個只有2KB大小的JavaScript腳本文件,使用起來非常方便。
下面就跟著我一起做一個Hello World應用吧,看看您通過麥克風說話的聲音是如何被這個JavaScript庫文件識別到的。
新建一個html文件,將下面的代碼復制進去。將它部署到您本地的Tomcat或者nodejs服務器上。
<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("再見!"); } } annyang.addCommands(commands); annyang.addCommands(commands2); annyang.start(); } </script> </html>
我測試用的是Chrome。
當您第一次在瀏覽器里訪問這個網頁時,會彈出下面的Chrome對話框,提示您這個應用要使用您電腦上的麥克風。點Allow按鈕即可。
這個應用有兩個地方向您提示它可以接受語音輸入。第一處是下圖1的紅色小圓圈。
第二處是一個小的麥克風圖標,點擊之后,可以設置允許或者禁止麥克風。我們當然是要選擇允許啦,否則如何接受語音輸入呢?
如果您的筆記本電腦本身也有麥克風,可以從這個下拉菜單里選擇用筆記本自帶的麥克風,還是用外接的麥克風。我用的是后者。
現在可以測試了。
因為代碼里我給Hello這個語音綁定的執行函數是一個alert彈出對話框,所以當我對著麥克風說了一句“Hello"之后,我的瀏覽器立即彈出了這個對話框。
同樣,說了"Bye"后,會彈出“再見”。我在響應“Bye”這個語音的函數設置了一個斷點,大家通過調用棧也可以觀察到annyang的處理邏輯。
從annyang的github上能看出,中文也在支持的語音之列,所以大家放心大膽地使用吧!
https://github.com/TalAter/annyang/blob/master/docs/FAQ.md
連粵語都支持,厲害了!
更多細節,請查閱annyang的官網。
https://www.talater.com/annyang/
關于“JavaScript如何實現語音識別”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。