Derek Herman
Joe Medley
在本部分，您将了解如何使用 <video> 和 <source> 标记在网页中嵌入媒体文件、如何为听障人士的视频添加字幕，以及有关使用媒体框架的一些一般概念。此外，您还将了解如何使用预加载功能加快播放速度，并讨论我们如何构建经过更新的演示 PWA，使其具有离线自适应流式传输功能（称为 Kino）。
本部分假定您有一个可以嵌入网页的视频文件。从相机下载的 .mov 文件将无法运行。如果您还满足上述条件，请先参阅为网络准备媒体文件，然后再返回此处。
本部分涵盖了以下主题。
- 在 <video> 和 <source> 标记中，您将具体了解如何在网页中嵌入媒体文件。
- 在媒体无障碍功能中，您将学习如何为听障人士的媒体文件添加字幕。
- 在媒体框架中，您将学习关于使用 Shaka Player、JW Player 和 Video.js 等媒体框架的基础知识。
- 在通过预加载音频和视频实现快速播放中，您将学习如何通过主动预加载资源来加快媒体播放速度。
- 在支持离线流式传输的 PWA 中，您将了解我们如何构建经过更新的演示 PWA，使其能够在不使用框架的情况下进行自适应流式传输和离线播放。此外，你还可以使用源代码播放。
本部分提供了许多内容，请先了解如何使用 <video> 和 <source> 标记。