<div>
@*音乐*@
<audio id="warning-sound" loop="loop" src="/Areas/MapTest/Content/Sound/WarningSound.wav"></audio> </div>
在页面body中插入以上<audio>标签,loop代表循环播放,src指向音频地址。
当然要控制音频播放、暂停还需要加入JS代码。
<script type="text/javascript">
$(document).ready(function () {
//控制预警开启或者关闭
$("#WarningLight").click(function () {
var audio = document.getElementById("warning-sound");
if (audio !== null) {
//检测播放是否已暂停.audio.paused 在播放器播放时返回false.
console.log(audio.paused);
if (audio.paused == true) {
audio.play(); //播放
}
else{
audio.pause(); //暂停
}
}
}
}
</script>