系列文章
Day11. 用 Audio 和 Video API 打造自己的影音平台 I
HTML5 增加了厲害的 Audio 和 Video API，我們可以利用這些 API 在網頁中嵌入音樂與影片，同時也能控制他們播放、暫停，調整音量 ... 等...
Day12. 用 Audio 和 Video API 打造自己的影音平台 II
上一篇跟大家介紹了 Audio API，使用的是 <audio> 標籤，今天要介紹的是 Video API，不難發現使用的標籤就是 <vide...
Day13. 使用 Web Workers API 走出自己的路
Web 應用程式能做到很多強大的功能，但也因此讓程式變得愈來愈複雜，靠著瀏覽器幫我們處理大量的資料和複雜的計算。雖然瀏覽器很強大，但當每個分頁的應用程式都很複雜...
Day14. Web Workers API 的限制與效能優化處理
透過前篇文章可以發現 Web Workers 的強大，我們使用 Web Workers API 讓 JavaScript 可以在瀏覽器中並行執行任務，提升網站效...
Day15. Web Workers API 的生命週期
上一篇文章提到：我們需要合理的使用 Worker，盡量重用已有的 Worker 實例，避免不斷建立新的實例；此外，在不需要用到 Worder 時，使用 term...
Day16. 自己架個 WebSocket Server 玩玩吧
我相信大家對 WebSocket 應該都不陌生，即使沒使用過，也能在網路上找到許多教學文章。因此今天想和大家分享的是，身為前端開發者，如果想要測試或深入了解 W...
Day17. WebSocket 的處理訊息機制
WebSocket 是一個即時更新的服務，所以如果你的應用程式規模很大，或是客戶數量很多，就可能會碰到處理大量訊息的問題。這邊分享幾個處理訊息的機制，希望能對各...
Day18. 使用 Web Speech API 讓網頁聽得懂我們說的話
隨著 AI 日漸盛行，愈來愈多的人都把 AI 當成助理，也希望我們可以直接與 AI 透過語音溝通，而非僅僅只有文字。而我們可以透過 Web Speech API...
Day19. 使用 Web Speech API 讓網頁開口說話
上一篇文章，我們提到 SpeechRecognition，他是用來識別使用者的語音內容，而 Web Speech API 的另外一個重點：SpeechSynth...
Day20. 用 Web Speech API 與你的 AI 朋友互動聊天
Web Speech API 的第三篇，也是最後一篇。 我想要結合 openAI API 以及前面兩篇的 SpeechRecognition 和 SpeechS...