【媒体网站建设】掌握使用<audio>标签播放各种音频的方法 _网络营销推广_网站建设设计_网页制作

【媒体网站建设】

音频标签<audio>

目前，大多数音频是通过插件(比如Flash)来播放的。然而，并非所有浏览器都拥有同}的插件。HTML5规定了一种通过音频标签<audio>来包含音频的标准方法，<audio>标签能；播放声音文件或者音频流。

1．<audio>标签支持的音频格式及浏览器兼容性

<audio>标签支持三种音频格式，它们在不同的浏览器中的兼容性见表5-2。

表5-2三种音频格式的浏览器兼容性

2．<audio>标签的属性

<audio>标签的属性见表5-3。

表5-3 <audio>标签的属性

属性	描述
autoplay	如果'}{现该属性，则音频在就绪后马上播放
controls	如果fi{现该属性，则向用户显示控件，如播放、暂停和音量控件
loop	如果i¨现该属性，则每当音频结束时重新开始播放
preload	如果出现该属性，则音频在页而加载时进行加载，并预备播放
src	要播放音频的URL

【案例5-5l使用<audio>标签播放音频。

【案例展示】本例文件5-5.html在浏览器中的显示效果如图5-6所示。

【学习目标】掌握使用<audio>标签播放各种音频的方法。

【知识要点】掌握用<audio>标签播放的音频对浏览器的要求。

代码如下：

<! doctype html>

<html>

<head>

<title>音频标签audio示例</title>

</head>

<body>

您的浏览器不支持音频标签．

图5-6页面的显示效果