第17章 视频、音频和其他多媒体
本章内容
- 在网页中添加单个视频
- 为视频添加控件和自动播放
- 阻止预加载视频
- 添加具有备用超链接的视频
- 添加具有备用Flash的视频
- 提供可访问性
- 在网页中添加单个音频文件
- 为音频添加控件、自动播放并设置循环播放
- 预加载音频文件
- 添加具有备用超链接的音频
- 添加具有备用Flash的音频
- 添加同时具有备用Flash和超链接的音频
- 嵌入Flash动画
- 通过Canvas操作视频
万维网变得如此流行的原因之一就是可以在网页中添加图像、声音、动画和电影。虽然过去对这些文件大小的限制局限了它们的作用,但是新的技术(比如流音频和流视频,还有宽带互联网连接)已经打开了多媒体网页的大门。
有的多媒体网页可以作为音频或视频播客的基础,有的是广告或交互显示,还有的网页可以利用少量的多媒体文件让访问者获得更丰富的体验。本章将介绍如何在网页中插入多媒体,以达到上述目的以及更多的目的。
在HTML5出现之前,为网页添加多媒体的唯一办法就是使用第三方的插件(如Adobe Flash Player、苹果的QuickTime)。通过引入原生的多媒体(浏览器负责一切),HTML5改变了上述状况。
万维网的使用人群多种多样,因此有时候要确保所有的访问者(或者说尽可能多的访问者)能看到和听到你提供的多媒体文件是件棘手的工作。你需要考虑查看或听到这些多媒体所需的文件格式。实际上,多媒体技术的开发人员还没有形成一致的标准,这让事情变得更复杂了一些。
注意,本章的目的是介绍多媒体Web文件,重点放在了所需的HTML5代码上。这里不会讲解如何创建多媒体内容,只会讲解如何让访问者可以浏览它们。