JS30 D20 Speech Recognition
@six

[課程影片](https://www.youtube.com/watch?v=0mJC0A72Fnw)
[demo](https://github.com/wesbos/JavaScript30/tree/master/20%20-%20Speech%20Detection)

---

SpeechRecognition
只要講話就可以幫你打字的神奇咚咚
目前還是實驗性的功能
Chrome, Edge, Safari 可以[使用](https://caniuse.com/?search=SpeechRecognition)

---

使用前注意事項：
記得丟到 server 上才能正常跑
browser-sync
讓你可以開一個簡單的 local server
`npm install`
`npm start`

---

然後就是快樂的 coding time ~

---

設定摘要
- new SpeechRecognition() 建立辨識的接口
- interimResults 設定是否要讀取中間結果。
一段讀完顯示 vs 連續顯示
- lang 設定辨識語系

---

- 拼湊出想要的結果
- 過濾敏感詞
- 建立段落
- 不間斷執行

---

想像力大挑戰

---

- [雅婷逐字稿](https://asr.yating.tw/)
- 會議紀錄
- 影片字幕

---

實測

- 唱歌 (清唱可以，不能有太多配樂
- 影片 (還行

---

參考資料
[SpeechRecognition](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition)

---

謝謝縮看 🤙