◆知识要点
HTML5 规定了一种通过 audio 元素来包含音频的标准方法。<audio> 标签能够播放声音文件或者音频流。它支持Ogg、MP3和WAV三种音频格式。语法结构如下：
<audio src=”音频文件地址” controls=”controls”>……</audio>
音频<audio>标签的常见属性
|
属性 |
值 |
描述 |
|
autoplay |
Autoplay (自动播放） |
出现该属性，则音频在就绪后马上播放 |
|
controls |
Controls（控制） |
出现该属性，则向用户显示控件，比如播放按钮 |
|
loop |
Loop（循环） |
出现该属性，则每当音频结束时重新开始播放 |
|
preload |
Preload（加载） |
出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性 |
|
src |
Src（地址） |
要播放的音频的 URL |
HTML5提供了音频标签，但目前不同的的浏览器对<audio>标签的支持也不同。只有Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <audio> 标签。而Internet Explorer 8 以及更早的版本不支持 <audio> 标签。
◆网页浏览效果
IE浏览效果图
◆HTML5代码
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>我的家在东北</title>
</head>
<body>
<h3>我的家在东北</h3>
<p>《我的家在东北》是歌手庞龙演唱的一首歌曲。</p>
<h3>自动播放的音频文件</h3>
<audio src=”audio/我的家在东北.mp3″ controls=”controls” autoplay=”autoplay”>您的浏览器不支audio 标签</audio>
<h3>带有控件的音频文件</h3>
<audio src=”audio/我的家在东北.mp3″ controls=”controls”>您的浏览器不支audio 标签</audio>
<h3>循环播放的音频文件</h3>
<audio src=”audio/我的家在东北.mp3″ controls=”controls” loop=”loop”>您的浏览器不支audio 标签</audio>
</body>
</body>
</html>
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
