Web Speech API是透過google chrome的內建引擎進行語音辨識
現在也可以在其他瀏覽器使用，經過測試在 IE Edge的效果比google chrome好很多
在CodePen的程式碼是我參考網路上的幾個網站範例加以改寫的
如果有需要的話，可以進一步擴充辨識的語言種類
不過可能是Web Speech API有改版的關係
在google chrome測試的情況是沒辦法做到正常斷句
Web Speech API會一直進行辨識，也不知道在背景裡是如何判斷結束辨識
結果通常是一直辨識好長一大段文字之後才結束
在Edge反而比較正常，而且還會自動加上標點符號來分句
我自己修改的部分主要是在API辨識一個段落結束之後
能夠加上(1)、(2)…來達成手動分段的效果
以下是在CodePen的程式碼，可以參考看看
See the Pen Web Speech API by 莊幸諺 (@trico109748007)on CodePen.
主要參考-言語辨識及語音文字輸入 HTML5 Web Speech Recognition API
API網站-https://wicg.github.io/speech-api/