简单实现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>