Derek Herman
Joe Medley
本節將說明如何使用 <video> 和 <source> 標記，在網頁中嵌入媒體檔案、為聽障使用者在影片中加入字幕，以及使用媒體架構的一些一般概念。
此外，您將瞭解如何使用預先載入功能加快播放速度，也會討論我們如何建構新版試用版 PWA，並內建名為 Kino 的離線自動調整串流功能。
本節假設您有一個可嵌入網頁的影片檔案。從相機下載的 .mov 檔案無法運作。如果一切就緒，請參閱「準備網頁版媒體檔案」，再回來查看。
本節涵蓋這些主題。
- 您可以透過 <video> 和 <source> 標記，特別說明如何在網頁中嵌入媒體檔案。
- 在媒體無障礙功能中，您將學習如何為聽障人士在媒體檔案中加入字幕。
- 在「媒體架構」中，您將瞭解使用 Shaka Player、JW Player 和 Video.js 等媒體架構的基本知識。
- 在「在音訊和影片預先載入的情況下快速播放」中，您將瞭解如何主動預先載入資源，加快媒體播放速度。
- 在「具有離線串流的 PWA」中，您將瞭解我們如何建構的新版試用版 PWA，而且能在不使用架構的情況下，自動調整串流和離線播放功能。此外，您也可以使用原始碼來玩遊戲。
本節有許多內容要說明，請先瞭解如何運用 <video> 和 <source> 標記。