iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

可愛又迷人的 Web API 系列

在現代網頁開發中,Web API 為我們提供了強大且靈活的工具來實現許多功能,從基本的 DOM 操作到複雜的數據處理,幾乎都能靠 Web API 幫我們解決。

如果還沒聽過或使用過 Web API 的朋友,希望這個系列文章能帶你認識與體會 Web API 的好,一起來使用 Web API 吧!

鐵人鍊成 | 共 31 篇文章 | 33 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11. 用 Audio 和 Video API 打造自己的影音平台 I

HTML5 增加了厲害的 Audio 和 Video API,我們可以利用這些 API 在網頁中嵌入音樂與影片,同時也能控制他們播放、暫停,調整音量 ... 等...

2024-09-19 ‧ 由 MUKIwu 分享
DAY 12

Day12. 用 Audio 和 Video API 打造自己的影音平台 II

上一篇跟大家介紹了 Audio API,使用的是 <audio> 標籤,今天要介紹的是 Video API,不難發現使用的標籤就是 <vide...

2024-09-20 ‧ 由 MUKIwu 分享
DAY 13

Day13. 使用 Web Workers API 走出自己的路

Web 應用程式能做到很多強大的功能,但也因此讓程式變得愈來愈複雜,靠著瀏覽器幫我們處理大量的資料和複雜的計算。雖然瀏覽器很強大,但當每個分頁的應用程式都很複雜...

2024-09-21 ‧ 由 MUKIwu 分享
DAY 14

Day14. Web Workers API 的限制與效能優化處理

透過前篇文章可以發現 Web Workers 的強大,我們使用 Web Workers API 讓 JavaScript 可以在瀏覽器中並行執行任務,提升網站效...

2024-09-22 ‧ 由 MUKIwu 分享
DAY 15

Day15. Web Workers API 的生命週期

上一篇文章提到:我們需要合理的使用 Worker,盡量重用已有的 Worker 實例,避免不斷建立新的實例;此外,在不需要用到 Worder 時,使用 term...

2024-09-23 ‧ 由 MUKIwu 分享
DAY 16

Day16. 自己架個 WebSocket Server 玩玩吧

我相信大家對 WebSocket 應該都不陌生,即使沒使用過,也能在網路上找到許多教學文章。因此今天想和大家分享的是,身為前端開發者,如果想要測試或深入了解 W...

2024-09-24 ‧ 由 MUKIwu 分享
DAY 17

Day17. WebSocket 的處理訊息機制

WebSocket 是一個即時更新的服務,所以如果你的應用程式規模很大,或是客戶數量很多,就可能會碰到處理大量訊息的問題。這邊分享幾個處理訊息的機制,希望能對各...

2024-09-25 ‧ 由 MUKIwu 分享
DAY 18

Day18. 使用 Web Speech API 讓網頁聽得懂我們說的話

隨著 AI 日漸盛行,愈來愈多的人都把 AI 當成助理,也希望我們可以直接與 AI 透過語音溝通,而非僅僅只有文字。而我們可以透過 Web Speech API...

2024-09-26 ‧ 由 MUKIwu 分享
DAY 19

Day19. 使用 Web Speech API 讓網頁開口說話

上一篇文章,我們提到 SpeechRecognition,他是用來識別使用者的語音內容,而 Web Speech API 的另外一個重點:SpeechSynth...

2024-09-27 ‧ 由 MUKIwu 分享
DAY 20

Day20. 用 Web Speech API 與你的 AI 朋友互動聊天

Web Speech API 的第三篇,也是最後一篇。 我想要結合 openAI API 以及前面兩篇的 SpeechRecognition 和 SpeechS...

2024-09-28 ‧ 由 MUKIwu 分享