window.onload = function(){
var music = document.getElementById("music");
var audio = document.getElementsByTagName("audio")[0];
//当音乐播放完停止的时候,自动停止光盘旋转效果
audio.addEventListener("ended", function(event){
// this.style.animationPlayState = "paused"; 安卓4.4以下和苹果6不兼容
// this.style.webkitAnimationPlayState ="pasused"; 苹果6兼容,安卓不行
music.setAttribute("class", "");
},false);
//点击音乐图标,控制音乐播放器效果
// music.onclick = function(){
// if(audio.paused){
// audio.play();
// // this.style.animationPlayState = "paused"; 安卓4.4以下和苹果6不兼容
// // this.style.webkitAnimationPlayState ="pasused"; 苹果6兼容,安卓不行
// this.setAttribute("class","play"); //没办法暂停在转动的位置,而是回到初始位置
// }else{
// audio.pause();
// this.setAttribute("class","");
// }
// };
//为了消除延迟,改用监听触摸事件,监听手机屏幕触摸
music.addEventListener("touchstart", function(event){
if(audio.paused){
audio.play();
this.setAttribute("class","play");
} else{
audio.pause();
this.setAttribute("class","");
};
}, false);
};