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标簽是都有相同的控制音樂的方法的。