我在下面的脚本中找到了这个问题的答案,但问题是如何使用@foreach循环查询来自数据库的mp3数据
var audio = document.getElementById("losAudio");
var btn_playPause = document.getElementById("btn_playPause");
function losAudio_playPause() {
var isPaused = losAudio.paused;
losAudio[isPaused ? "play" : "pause"]();
this.style.backgroundPosition= "0 "+ (isPaused ? "-32px":"0px");
}
btn_playPause.addEventListener("click", losAudio_playPause);
#btn_playPause{
background:url(http://i.stack.imgur.com/ENFH5.png) no-repeat;
border:none;
width:32px;
height:32px;
cursor:pointer;
outline:none;
}
<audio id="losAudio" src="http://upload.wikimedia.org/wikipedia/en/4/45/ACDC_-_Back_In_Black-sample.ogg">Audio not supported</audio>
<button id="btn_playPause"></button>