传智黑马39期WEB前端教程-HTML5-HTML5 新增标签和属性-播放音频audio

播放音频audio

HTML5通过<audio>标签来解决音频播放的问题。

<!-- 通过src指定音频文件路径即可，默认不播放，loop="2" 就是循环两次，loop="-1" 无限循环 -->
<audio src="./music/See You Again.mp3" autoplay="autoplay" controls="controls" loop="2" />

并且可以通过附加属性可以更友好控制音频的播放，如：

autoplay 自动播放

controls 是否显不默认播放控件

loop 循环播放

由于版权等原因，不同的浏览器可支持播放的格式是不一样的，如下图供参考

当前，audio 元素支持三种音频格式

多浏览器支持的方案

<!-- 为了浏览器兼容，我们需要做三种声音文件 -->
<audio controls autoplay>
    <source src="bgsound.mp3" />
    <source src="music.ogg" />
    您的浏览器不支持播放声音
</audio>