2021/07/30

JS / 使用 Web Speech API 語音辨識

Web Speech API是透過google chrome的內建引擎進行語音辨識

現在也可以在其他瀏覽器使用,經過測試在 IE Edge的效果比google chrome好很多

在CodePen的程式碼是我參考網路上的幾個網站範例加以改寫的

如果有需要的話,可以進一步擴充辨識的語言種類

不過可能是Web Speech API有改版的關係

在google chrome測試的情況是沒辦法做到正常斷句

Web Speech API會一直進行辨識,也不知道在背景裡是如何判斷結束辨識

結果通常是一直辨識好長一大段文字之後才結束

在Edge反而比較正常,而且還會自動加上標點符號來分句

我自己修改的部分主要是在API辨識一個段落結束之後

能夠加上(1)、(2)…來達成手動分段的效果

以下是在CodePen的程式碼,可以參考看看

 

主要參考-言語辨識及語音文字輸入 HTML5 Web Speech Recognition API

API網站-https://wicg.github.io/speech-api/