3.6 多媒体元素
多媒体元素包括音频元素和视频元素。
1.音频格式
(1)OGG Vorbis
OGG Vorbis是一种新的音频压缩格式，类似于MP3等现有的音乐格式。它是完全免费、开放和没有专利限制的。OGG Vobis有一个很出众的特点，就是支持多声道。OGG Vorbis文件的扩展名是.ogg，这种文件的设计格式非常先进，目前创建的OGG文件可以在未来的任何播放器上播放。因此，这种文件格式可以不断地进行大小和音质的改良，而不影响旧有的编码器或播放器。
(2)MP3
MP3格式诞生于20世纪80年代的德国。所谓的MP3是指MPEG标准中的音频部分，也就是MPEG音频层。MPEG音频文件的压缩是一种有损压缩，通过牺牲声音文件中12～16kHz之间的高音频部分的质量来压缩文件的大小。相同时间长度的音乐文件，用MP3格式存储时一般只有WAV文件的1/10，音质也次于CD格式和WAV格式的声音文件。
(3)WAV
WAV格式是Microsoft公司开发的一种声音文件格式，用于保存Windows平台的音频信息资源，被Windows平台及其应用程序所支持，支持多种音频位数、采样频率和声道，是目前PC上广为流行的声音文件格式。几乎所有的音频编辑软件都能识别WAV格式的文件。
2.视频格式
(1)OGG
OGG也是HTML5所使用的视频格式之一。OGG采用多通道编码技术，可以在保持编码器的灵活性的同时而不损害原本的立体声空间影像，而且实现的复杂程度比传统的联合立体声方式要低。
(2)H.264(MP4)
MP4的全称是MPEG-4 Part 14，是一种储存数字音频和数字视频的多媒体文件格式，文件扩展名为.mp4。MP4封装格式是基于QuickTime容器格式定义的，媒体描述与媒体数据分开，目前被广泛应用于封装H.264视频和ACC音频，是高清视频的代表。
(3)WebM
WebM由Google公司提出，是一个开放、免费的媒体文件格式。WebM影片格式其实是以Matroska（即MKV）容器格式为基础开发的新容器格式，包括VP8影片轨和Ogg Vorbis音轨。WebM标准的网络视频更加偏向于开源并且是基于HTML5标准的，WebM项目旨在为对每个人都开放的网络开发高质量、开放的视频格式，其重点是解决视频服务这一核心的网络用户体验。
3.6.1 音频元素audio
HTML5提供了播放音频的标准。audio元素能够播放声音文件或者音频流，当前，audio元素支持三种音频格式：OGG、MP3和WAV。audio元素的格式为：
﹤audio src="音频文件的URL"controls="controls"…﹥文本﹤/audio﹥
audio元素的属性见表3-3。﹤audio﹥与﹤/audio﹥之间插入的文本是供不支持audio元素的浏览器显示的提示文字。
表3-3 audio元素的属性
【例3-8】 在网页中添加音频播放控件。本例文件3-8.html在浏览器中的显示效果如图3-9所示。
图3-9 网页中的音频播放控件
3.6.2 视频元素video
video元素定义视频，比如电影片段或其他视频流。目前video元素支持三种视频格式：MP4、WebM、OGG。video元素的格式为：
﹤video src="音频文件的URL"controls="controls"…﹥文本﹤/video﹥
video元素的属性见表3-4。可以在﹤video﹥和﹤/video﹥标签之间放置文本内容，这样不支持video元素的浏览器就可以显示出该标签的信息。
表3-4 video元素的属性
【例3-9】 网页中添加视频播放控件。本例文件3-9.html在浏览器中的显示效果如图3-10所示。
图3-10 网页中的视频播放控件