<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″ />
<title></title>
</head>
<body>
<div>
<h4 id=”name”>许佳慧 – 公主范</h4>
<br>
<audio id=”audio” src=”./music/许佳慧 – 公主范.mp3″ controls autoplay></audio><br/>
</div>
<br><br>
<div>
<button id=”btn-play”>播放</button>
<button id=”btn-stop”>暂停</button>
<button id=”btn-pre”>上一首</button>
<button id=”btn-next”>下一首</button>
</div>
<script>
//播放
var myaudio=document.getElementById(“audio”)
var btn1 = document.getElementById(“btn-play”);
btn1.onclick = function(){
if(myaudio.paused){
myaudio.play();
}
}
//<!–暂停–>
var btn2 = document.getElementById(“btn-stop”);
btn2.onclick = function(){
if(myaudio.played){
myaudio.pause();
}
}
var music = new Array();
music = [“许佳慧 – 公主范”,”周杰伦 – 东风破”,”周杰伦 – 青花瓷”,”一线 – 带你去网吧偷耳机”];//歌单
var num = 0;
var name = document.getElementById(“name”);
//<!–上一首–>
var btn3 = document.getElementById(“btn-pre”);
btn3.onclick = function(){
num = (num +2)%4;
myaudio.src = “./”+”music/”+music[num]+”.mp3″;
name.innerHTML = music[num]+”.mp3″;
myaudio.play();
}
//<!–下一首–>
var btn4 = document.getElementById(“btn-next”);
btn4.onclick = function(){
num = (num +1)%4;
myaudio.src = “./”+”music/”+music[num]+”.mp3″;
name.innerHTML = music[num]+”.mp3″;
myaudio.play();
}
</script>
</body>
</html>
<!DOCTYPE html><html><head><meta charset=”utf-8″ /><title></title></head><body><div> <h4 id=”name”>许佳慧 – 公主范</h4><br><audio id=”audio” src=”./music/许佳慧 – 公主范.mp3″ controls autoplay></audio><br/></div><br><br><div><button id=”btn-play”>播放</button> <button id=”btn-stop”>暂停</button> <button id=”btn-pre”>上一首</button> <button id=”btn-next”>下一首</button> </div><script>//播放var myaudio=document.getElementById(“audio”)var btn1 = document.getElementById(“btn-play”);btn1.onclick = function(){if(myaudio.paused){ myaudio.play();}}//<!–暂停–>var btn2 = document.getElementById(“btn-stop”);btn2.onclick = function(){if(myaudio.played){ myaudio.pause();}}var music = new Array();music = [“许佳慧 – 公主范”,”周杰伦 – 东风破”,”周杰伦 – 青花瓷”,”一线 – 带你去网吧偷耳机”];//歌单var num = 0;var name = document.getElementById(“name”); //<!–上一首–>var btn3 = document.getElementById(“btn-pre”);btn3.onclick = function(){num = (num +2)%4;myaudio.src = “./”+”music/”+music[num]+”.mp3″;name.innerHTML = music[num]+”.mp3″;myaudio.play();}//<!–下一首–>var btn4 = document.getElementById(“btn-next”);btn4.onclick = function(){num = (num +1)%4;myaudio.src = “./”+”music/”+music[num]+”.mp3″;name.innerHTML = music[num]+”.mp3″;myaudio.play();}</script></body></html>
