Derek Herman
Joe Medley
在本部分中，您将了解如何使用 <video> 和 <source> 标记在网页中嵌入媒体文件、如何为听障人士在视频中添加字幕，以及使用媒体框架的一些一般概念。此外，您还将了解如何使用预加载功能加快开始播放速度，并讨论如何构建具有离线自适应流式传输功能（名为 Kino）的更新版演示版 PWA。
本部分假定您有一个可以嵌入到网页中的视频文件。从相机下载的 .mov 文件将无法使用。如果已完成所有操作，请参阅准备用于 Web 的媒体文件，然后再返回此处。
本部分涵盖了以下主题。
- 在 <video> 和 <source> 标记中，您将具体了解如何在网页中嵌入媒体文件。
- 在媒体无障碍功能中，您将了解如何为听障人士向媒体文件添加字幕。
- 在媒体框架中，您将学习有关使用 Shaka Player、JW Player 和 Video.js 等媒体框架的基础知识。
- 在通过预加载音频和视频快速播放中，您将了解如何通过主动预加载资源来加快媒体播放速度。
- 在支持离线流式传输的 PWA 中，您将了解我们如何构建更新后的演示版 PWA，该 PWA 无需使用框架即可自适应流式传输和离线播放。此外，您还可以使用源代码。
本部分涉及的内容有很多，首先，请了解如何使用 <video> 和 <source> 标记。