参考html5音频后期.pdfVIP

html5多组件的使用

•html5多组件指的是()组件和audio(音频)组件。

HTML5多组件可以在不借助诸如FlashPlayer等第插件的

情况下，直接在你的网页上嵌入多组件。浏览器提供原生支持

的新能力使得网页开发人员更易于在不依赖于外置插件有效性

的情况下，在他们的上添加组件。由于苹果公司现阶段在

iPhone和iPad上使用的Flash技术的局限性，HTML5多组件的

能力就显得尤为重要了。

编码和

•编码

所谓编码方式就是指通过特定的压缩技术，将某个格式的文件转换成另一种

格式文件的方式。

•

用特定方法把已经编码的还原成它原有的格式，进行

•编码说明

•Theora编码，Theora是开放而且免费的压缩编码技术，由Xiph发布。做为

该Ogg项目的一部分，从VP3HD到MPEG-4/DiVX格式都能够被Theora很好的支

持。使用Theora无需任何专利费。Firefox和Opera将通过新的HTML5元素提供了对

Ogg/Theora的原生支持。

•H.2编码，H.264是在MPEG-4技术的基础之上建立起来的，H.264与以前的国际标准

如H.和PEG-4相比，为达到高效的压缩，充分利用了各种冗余，统计冗余和视觉生理冗

余。蓝光技术（Blu-ray）就采用这种格式

•VP8编码，压缩解决方案厂商On2Technologies公司现已推出的压缩格

式On2VP8。On2VP8是第八代的On2，能以更少的数据提供更高质量的，而且只

需较小的处理能力即可

浏览器支持概述

用javascriptlaid检测音频格式支持情况

可以使用audio元素的canPlayType方法来检测浏览器支持的文件格式

格式：audio|.canPlayType(type))

canPlayType()方法可返回下列值之一：

probably-浏览器最可能支持该音频/类型

maybe-浏览器也许支持该音频/类型

-（空字符串）浏览器不支持该音频/类型

如果不支持html5的浏览器可以以插件的方式的代码，放在相同位置即可。

浏览器支持概述

在html5中音频

⚫认识audio元素

⚫音频

认识audio元素

说明：在html5中使用新增的audio元素来声音文件或音频流

用法：audiosrc=1.mp3controls=controls/audio

其中src属性用来指定要文件，controls属性用于提供、暂停和音量控件。

提示：可以在开始和结束之间放置文本内容，这样老的浏览器就可以显示出不支持该的信息。

html5支持的音频格式

•格式

当前，Audio元素支持三种音频格式：

音频

•使用source来连接到不同的音频文件，浏览器会自动选择第一个可以识别

的格式。替换的内容不局限于文本，可以是Flash器等插件，或给

出文件的连接地址

!DOCTYPEHTML

html

head

metacharset=utf-8

/head

bodyonload=multi()