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