Derek Herman
Joe Medley
在本節中，您將瞭解如何使用 <video> 和 <source> 標記，在網頁中嵌入媒體檔案，以及如何為聽障人士在影片中加入字幕，以及使用媒體架構的幾個一般概念。此外，您將瞭解如何使用預先載入功能加快播放開始速度，我們也會討論如何建構更新版的示範 PWA，並提供名為 Kino 的離線自適應串流功能。
本節假設您已準備好可嵌入網頁的影片檔案。從相機下載的 .mov 檔案無法使用。如果您只有這些檔案，請參閱「為網路準備媒體檔案」一文，然後再回來。
本節將說明這些主題。
- 在「<video> 和 <source> 標記」一文中，您將具體瞭解如何在網頁中嵌入媒體檔案。
- 在「媒體無障礙」中，您將瞭解如何為聽障人士在媒體檔案中新增字幕。
- 在「媒體架構」課程中，您將學習使用媒體架構的基本知識，例如 Shaka Player、JW Player 和 Video.js。
- 在「透過音訊和影片預先載入加快播放速度」一文中，您將瞭解如何主動預先載入資源，加快媒體播放速度。
- 在「支援離線串流的 PWA」中，您將瞭解我們如何建立更新的示範 PWA，在不使用架構的情況下，支援自適應串流和離線播放功能。您也可以試用原始碼。
本節內容相當豐富，請先瞭解如何使用 <video> 和 <source> 標記。