有沒有想過給您的網站增添語音識別的功能？比如您的使用者不用點滑鼠，僅僅透過電腦或者手機的麥克風釋出命令，比如"下拉到頁面底部”，或者“跳轉到下一頁”，您的網站就會執行對應命令。聽起來很酷對麼？然而為了實現這個功能，必須得讓您網站的JavaScript指令碼能夠識別到這些語音輸入。

JavaScript的語音識別

這裡介紹一個開源的JavaScript語言輸入庫，名叫annyang。

Github地址：

截至到2018年7月12日，這個github倉庫已經有4833個Star了。

JavaScript的語音識別

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按鈕即可。

JavaScript的語音識別