HTML5教程之音频Audio标签应用
2013-09-26 11:18
701 查看
HTML5教程之音频Audio标签应用
在过去,我们如果想在Web上播放音乐,基本都是通过Flash来播放,但并不是所有的浏览器都安装了Flash播放器插件,而现在我们在HTML5中,就能完全脱离Flash或其他的插件来播放音乐了。audio标签:
目前HTML5的audio标签仅支持3种音频格式,如下表:
IE9 | FireFox 5.0 | Safari 5.5 | Chrome 12 | Opera 11.5 | |
Mp3 | √ | × | √ | √ | × |
Ogg | × | √ | × | √ | √ |
Wav | × | √ | √ | × | √ |
属性 | 值(可省略) | 描述 |
src | url | 要播放的音频的 URL,路径可为网络路径或相对路径。 |
controls | controls | 向用户显示控件,比如播放按钮。 |
loop | loop | 每当音频结束时重新开始播放。 |
preload | preload | 音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。 |
autoplay | autoplay | 则音频在就绪后马上播放。 |
<h1>最近觉得《大高原》这首歌不错,就在案例中使用了:</h1> <audio src="?xcode=0f479d949c4372d1165aae570e00d8bd&mid=0.76911343441060" controls="controls" autoplay="true">您的浏览器不支持 audio 标签。</audio>
本文原地址:http://www.sitejs.cn/sitejs-12726-1.html
相关文章推荐
- HTML5 离线存储(三)
- HTML5教程之video标签的应用
- HTML5表单教程之Form新属性的应用
- Taking Advantage of HTML5 and CSS3 with Modernizr
- Adobe Edge 如何制作全背景图
- 尝试新的东西——HTML5——html5新型标签
- 【技术】HTMl5的cookie, sessionStorage和localStorage
- Web开发人员不可不知的10个HTML5工具
- AnyChart图表工具6.1.0版本 新增HTML5引擎
- HTML5学习教程
- HTML5中的SVG的介绍
- 翻译-你必须知道的28个HTML5特征、窍门和技术
- html5学习笔记 1 文档模板
- HTML5图片预览
- 2个比较成熟的HTML5可视化3D建模设计系统
- 用html5的canvas生成图片并保存到本地
- html5的变化
- html5手册
- 图表绘制 HTML5
- 开源原型设计工具Indigo Studio发布v2.0 全面支持HTML5