使用audio标签的播放音频

使用audio标签播放音频

<audio id="audioBoom" class="audio-hide" src="/style/music/boom.mp3"></audio>

标签的几个属性讲解

属性名	使用说明
autoplay	自动播放；添加这个属性就可以让音频在加载就绪之后马上播放
controls	显示播放等按钮；添加这个属性就会给用户展示控件，例如播放按钮
loop	循环播放；添加这个属性，每当音频结束时重新开始播放。
preload	提前加载；添加这个属性，那么音频会在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性
src	要播放的音频地址

使用js控制<audio>标签播放、暂停

document.getElementById('audioBoom').play() // 播放

document.getElementById('audioBoom').pause() // 暂停

推荐阅读

1. 解决在iOS中audio不能正常播放音频问题-1
2. 解决在iOS中audio（在ajax中）不能播放音频问题-2