客戶端 Web API
應用程式程式設計介面 (API) 是用於操作網站執行的瀏覽器和作業系統不同方面，或操作來自其他網站或服務資料的程式設計功能。本模組涵蓋了一些我們之前未詳細介紹過的最常見的 Web API 類別，為想要深入瞭解瀏覽器 API 用法的學習者提供有用的基礎。
預備知識
在開始本模組之前，您應該已經掌握了 JavaScript 的基礎知識，特別是 JavaScript 物件基礎以及核心 API 知識，例如 DOM 指令碼和 網路請求。
教程
- Web API 簡介
-
首先，我們將從高層次的角度來了解 API——它們是什麼，它們如何工作，您如何在程式碼中使用它們，以及它們的結構是怎樣的？我們還將審視主要的 API 類別有哪些，以及它們各自有什麼樣的用途。
- 影片和音訊 API
-
HTML 提供了用於在文件中嵌入豐富媒體的元素——
<video>和<audio>——這些元素反過來又提供了用於控制播放、跳轉等的 API。本文將向您展示如何完成常見任務，例如建立自定義播放控制元件。 - 繪製圖形
-
瀏覽器包含一些非常強大的圖形程式設計工具，從可縮放向量圖形 (SVG) 語言，到用於在 HTML
<canvas>元素上繪圖的 API（請參閱 Canvas API 和 WebGL）。本文將對 Canvas API 進行介紹，並提供更多資源供您進一步學習。 - 客戶端儲存
-
現代 Web 瀏覽器具有多種不同的技術，允許您儲存與網站相關的資料並在需要時檢索它們，從而實現資料的長期持久化、離線儲存網站等功能。本文將解釋這些工作原理的基礎知識。
- 第三方 API
-
到目前為止，我們介紹的 API 都是內置於瀏覽器的，但並非所有 API 都是如此。許多大型網站和服務，如 Google Maps、Facebook、PayPal 等，都提供 API，允許開發者使用它們的資料或服務（例如，在您的網站上顯示自定義的 Google Maps，或使用 Facebook 登入來登入您的使用者）。本文將探討瀏覽器 API 和第三方 API 之間的區別，並展示後者的一些典型用法。