簡單實現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>