第17章 视频、音频和其他多媒体

本章内容

  • 在网页中添加单个视频
  • 为视频添加控件和自动播放
  • 阻止预加载视频
  • 添加具有备用超链接的视频
  • 添加具有备用Flash的视频
  • 提供可访问性
  • 在网页中添加单个音频文件
  • 为音频添加控件、自动播放并设置循环播放
  • 预加载音频文件
  • 添加具有备用超链接的音频
  • 添加具有备用Flash的音频
  • 添加同时具有备用Flash和超链接的音频
  • 嵌入Flash动画
  • 通过Canvas操作视频

万维网变得如此流行的原因之一就是可以在网页中添加图像、声音、动画和电影。虽然过去对这些文件大小的限制局限了它们的作用,但是新的技术(比如流音频和流视频,还有宽带互联网连接)已经打开了多媒体网页的大门。

有的多媒体网页可以作为音频或视频播客的基础,有的是广告或交互显示,还有的网页可以利用少量的多媒体文件让访问者获得更丰富的体验。本章将介绍如何在网页中插入多媒体,以达到上述目的以及更多的目的。

在HTML5出现之前,为网页添加多媒体的唯一办法就是使用第三方的插件(如Adobe Flash Player、苹果的QuickTime)。通过引入原生的多媒体(浏览器负责一切),HTML5改变了上述状况。

万维网的使用人群多种多样,因此有时候要确保所有的访问者(或者说尽可能多的访问者)能看到和听到你提供的多媒体文件是件棘手的工作。你需要考虑查看或听到这些多媒体所需的文件格式。实际上,多媒体技术的开发人员还没有形成一致的标准,这让事情变得更复杂了一些。

注意,本章的目的是介绍多媒体Web文件,重点放在了所需的HTML5代码上。这里不会讲解如何创建多媒体内容,只会讲解如何让访问者可以浏览它们。