简单实现ASP.Net MVC网页播放音乐

<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>
上一篇:Android进阶之Fragment与Activity之间的数据交互


下一篇:补交20145226蓝墨云班课 -- MyOD