資訊專欄INFORMATION COLUMN
摘要：有沒有想過給您的網(wǎng)站增添語音識別的功能比如您的用戶不用點(diǎn)鼠標(biāo)，僅僅通過電腦或者手機(jī)的麥克風(fēng)發(fā)布命令，比如下拉到頁面底部，或者跳轉(zhuǎn)到下一頁，您的網(wǎng)站就會執(zhí)行對應(yīng)命令。
有沒有想過給您的網(wǎng)站增添語音識別的功能？比如您的用戶不用點(diǎn)鼠標(biāo)，僅僅通過電腦或者手機(jī)的麥克風(fēng)發(fā)布命令，比如"下拉到頁面底部”，或者“跳轉(zhuǎn)到下一頁”，您的網(wǎng)站就會執(zhí)行對應(yīng)命令。聽起來很酷對么？然而為了實(shí)現(xiàn)這個功能，必須得讓您網(wǎng)站的JavaScript腳本能夠識別到這些語音輸入。
這里介紹一個開源的JavaScript語言輸入庫，名叫annyang。
Github地址：https://github.com/TalAter/an...
截至到2018年7月12日，這個github倉庫已經(jīng)有4833個Star了。
annyang實(shí)際上就是一個只有2KB大小的JavaScript腳本文件，使用起來非常方便。
下面就跟著我一起做一個Hello World應(yīng)用吧，看看您通過麥克風(fēng)說話的聲音是如何被這個JavaScript庫文件識別到的。
新建一個html文件，將下面的代碼復(fù)制進(jìn)去。將它部署到您本地的Tomcat或者nodejs服務(wù)器上。
我測試用的是Chrome。
當(dāng)您第一次在瀏覽器里訪問這個網(wǎng)頁時，會彈出下面的Chrome對話框，提示您這個應(yīng)用要使用您電腦上的麥克風(fēng)。點(diǎn)Allow按鈕即可。
這個應(yīng)用有兩個地方向您提示它可以接受語音輸入。第一處是下圖1的紅色小圓圈。
第二處是一個小的麥克風(fēng)圖標(biāo)，點(diǎn)擊之后，可以設(shè)置允許或者禁止麥克風(fēng)。我們當(dāng)然是要選擇允許啦，否則如何接受語音輸入呢？
如果您的筆記本電腦本身也有麥克風(fēng)，可以從這個下拉菜單里選擇用筆記本自帶的麥克風(fēng)，還是用外接的麥克風(fēng)。我用的是后者。
現(xiàn)在可以測試了。
因?yàn)榇a里我給Hello這個語音綁定的執(zhí)行函數(shù)是一個alert彈出對話框，所以當(dāng)我對著麥克風(fēng)說了一句“Hello"之后，我的瀏覽器立即彈出了這個對話框。
同樣，說了"Bye"后，會彈出“再見”。我在響應(yīng)“Bye”這個語音的函數(shù)設(shè)置了一個斷點(diǎn)，大家通過調(diào)用棧也可以觀察到annyang的處理邏輯。
從annyang的github上能看出，中文也在支持的語音之列，所以大家放心大膽地使用吧！
https://github.com/TalAter/an...
連粵語都支持，厲害了！
更多細(xì)節(jié)，請查閱annyang的官網(wǎng)。
https://www.talater.com/annyang/
要獲取更多Jerry的原創(chuàng)技術(shù)文章，請關(guān)注公眾號"汪子熙"或者掃描下面二維碼:
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/98572.html
摘要：返回的字串如下我要聽三國演義這本書正在努力搜索中，請稍等我要聽三國演義這本書三國演義通過解析這段，可以得到類型，用于查詢書名，是表示行為是播放。 基于javascript用olamisdk實(shí)現(xiàn)web端語音識別語義理解（speex壓縮） 轉(zhuǎn)載請注明原文地址：傳送 olami 開放平臺 sdk 除了支持語音識別功能外，更強(qiáng)大的在于支持語義理解功能，在 Android 平臺和 iOS 平臺都...
摘要：返回的字串如下我要聽三國演義這本書正在努力搜索中，請稍等我要聽三國演義這本書三國演義通過解析這段，可以得到類型，用于查詢書名，是表示行為是播放。 基于javascript用olamisdk實(shí)現(xiàn)web端語音識別語義理解（speex壓縮） 轉(zhuǎn)載請注明原文地址：傳送 olami 開放平臺 sdk 除了支持語音識別功能外，更強(qiáng)大的在于支持語義理解功能，在 Android 平臺和 iOS 平臺都...
閱讀 2966·2021-11-17 09:33
閱讀 3127·2021-11-16 11:52
閱讀 491·2021-09-26 09:55
閱讀 2987·2019-08-30 15:52
閱讀 1325·2019-08-30 15:44
閱讀 1270·2019-08-30 13:59
閱讀 806·2019-08-30 13:08
閱讀 1168·2019-08-30 10:50
