第六节：用<audio>标签打造一个属于自己的HTML5音乐播放器

上一章节，我们刚刚讲了<video>标签，今晚，我们讲的是<audio>标签，这两个东东除了表示的内容不一样以外，其他的特性相似的地方真的太多了，属性和用法几乎一样，也就说，如果上一章节你理解了，那么这一节你学起来会：毫无压力。

<audio>简介

<audio>标签：用于在文档中表示音频内容。利用它，你可以在你的个人网站上放一首你喜欢的歌。

    <audio src="music.mp3"></audio>

用法很简单，跟<video>标签一样，属性src指定音频文件地址。

如果你仅仅这样写，页面上不会看到有明显的东西，<audio>标签默认是隐藏的。

 

对于不支持<audio>标签的浏览器，会把标签的文本内容显示出来。

    <audio src="music.mp3">
        别试了，是你的浏览器渣渣
    </audio>

 

( 大家都叫我：IE8 )

 

为了方便我们对音频文件进行控制，操作它的进度、播放暂停、音量等等，我们可以给它添加controls属性：

    <audio src="m.mp3" controls></audio>

用法跟<video>标签一样。对于加上了controls属性， 不同的浏览器会展示不同样式的控制面板。

( chrome浏览器的音频控制面板 )