天天看點

audio标簽,播放音樂

1、純js實作(缺點就是沒有控件和更多的擴充功能)

var audio= new Audio("/music/error.mp3");//這裡的路徑寫上mp3檔案在項目中的絕對路徑
audio.play();//播放
audio.pause();//停止
           

2、搭配audio标簽

<audio src="/i/horse.ogg" controls="controls">
Your browser does not support the audio element.
</audio>
           
<div class="title-text">
        <span onclick="bgaudio()">播放!</span>
        <audio src="../sungang/mp3/CRAT - 英雄聯盟-Legend Never Die(CRAT remix).mp3" id="bgaudio"></audio>
    </div>

 var bgaudiocount = 0;
        function bgaudio(){       
            ++bgaudiocount;
            if(bgaudiocount % 2 == 1){   
                document.getElementById("bgaudio").play();      
            }else{
                document.getElementById("bgaudio").pause();
            }
          
        }
           

最後: 可見new出來的audio實力,與html标簽是都有相同的控制音樂的方法的。

繼續閱讀