天天看點

JavaScript的語音識别

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

JavaScript

腳本能夠識别到這些語音輸入。

JavaScript的語音識别

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

Github位址:

https://github.com/TalAter/annyang

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

JavaScript的語音識别

annyang實際上就是一個隻有2KB大小的JavaScript腳本檔案,使用起來非常友善。

下面就跟着我一起做一個Hello World應用吧,看看您通過麥克風說話的聲音是如何被這個JavaScript庫檔案識别到的。

建立一個html檔案,将下面的代碼複制進去。将它部署到您本地的Tomcat或者nodejs伺服器上。

JavaScript的語音識别
JavaScript的語音識别
JavaScript的語音識别
JavaScript的語音識别
JavaScript的語音識别

從annyang的github上能看出,中文也在支援的語音之列,是以大家放心大膽地使用吧!

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

連粵語都支援,厲害了!

JavaScript的語音識别
JavaScript的語音識别

繼續閱讀