【媒体网站建设】
音频标签<audio>
目前，大多数音频是通过插件(比如Flash)来播放的。然而，并非所有浏览器都拥有同}的插件。HTML5规定了一种通过音频标签<audio>来包含音频的标准方法，<audio>标签能；播放声音文件或者音频流。
1．<audio>标签支持的音频格式及浏览器兼容性
<audio>标签支持三种音频格式，它们在不同的浏览器中的兼容性见表5-2。
表5-2三种音频格式的浏览器兼容性
| 音频格式 | IE 9 | Firefox 3.5 | Opera 10.5 | Chrome 10 | Safari 3.0 |
| Ogg Vorbis | | √ | √ | √ | |
| MP3 | √ | | | √ | √ |
| WA\i | | √ | √ | | √ |
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>
<meta charset="gb2312">
<title>音频标签audio示例</title>
</head>
<body>
<h3>播放音频</h3>
<audio src=”song.ogg”controls=”controls”autoplay=”autoplay”>
您的浏览器不支持音频标签．
图5-6页面的显示效果
本文地址:
http://www.yishenzhou.com/yes/post/335.html | 分类:品牌设计 |
次阅读
