HTML5音视频播放

本地文件

在文件source中引入音频文件：

audio标签

audio 标签用来向页面中引入一个外部的音频文件的音视频文件引入时，默认情况下不允许用户自己控制播放停止。

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

得到的是空白的东西

属性：controls 是否允许用户控制。
播放增加一个控制器就是在后面加controls

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

就会出现一个音频播放器

点击播放，就会播放音频。

属性： autoplay 音频文件是否自动播放
- 如果设置了autoplay 则音乐在打开页面时会自动播放
但是目前来讲大部分浏览器都不会自动对音乐进行播放

属性：loop 音乐是否循环播放

<audio src="./source/audio.mp3" controls autoplay loop></audio>

audio标签只支持IE9以上浏览器

测试IE8浏览器的方法

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

以下是默认用IE11打开的音频。

点击F12（或Fn+F12）

点击选择IE8的时候

存在报错，提醒升级浏览器。

source标签

除了通过src来指定外部文件的路径以外，还可以通过source来指定文件的路径。
以下这两种方法是一样的

source的好处

1. 当浏览器不支持时，可以显示提示文字，比较友好。

<audio controls>
        对不起，您的浏览器不支持播放音频！请升级浏览器！
        <source src="./source/audio.mp3