var myMusic = null; var MyMusic = function(){ var _this = this; var musicBox_H = document.getElementById("musicBox"); var music = "音乐播放器/images/music/"; //音乐列表 var musicFiles=[ new MusicObj("圣冠冕","/upload/url/201403291935434267521.mp3","爱修园",0,1), new MusicObj("风雨中的承诺","/upload/url/201403291924589361921.mp3","爱修园",0,1), new MusicObj("跟随主左右","/upload/url/201403291927526807553.mp3","爱修园",0,1), new MusicObj("你配得","/upload/url/2014032919304512307457.mp3","爱修园",0,1), new MusicObj("神啊!我愿跟随你","/upload/url/2014032919332813266945.mp3","爱修园",0,1), new MusicObj("圣冠冕","/upload/url/201403291935434267521.mp3","爱修园",0,1), new MusicObj("天父,我哭了","/upload/url/201403291938238277505.mp3","爱修园",0,1), new MusicObj("天上来的歌","/upload/url/201403291941056419457.mp3","爱修园",0,1), new MusicObj("我要唱","/upload/url/2014032919433711674113.mp3","爱修园",0,1), new MusicObj("向山举目","/upload/url/2014032919461812665345.mp3","爱修园",0,1), new MusicObj("耶和华在我面前","/upload/url/201403291949409761281.mp3","爱修园",0,1), new MusicObj("耶稣你是我的主","/upload/url/2014032919525412894209.mp3","爱修园",0,1), new MusicObj("再活一次","/upload/url/2014032919554713280257.mp3","爱修园",0,1), new MusicObj("主是我高台","/upload/url/201403291958416274049.mp3","爱修园",0,1),    ]; //播放模式 1-全部循环 2-单曲循环 3-随机播放 var playMode = 1; //当前音乐播放的下标 var index = -1; var length = musicFiles.length; var playMode_H = $("#playMode"); var musicList_H = $("#musicList"); var playMsg_H = $("#playMsg"); var name = $("#name"); var author = $("#author"); var CD = $("#CD"); var picInfo = $("#picInfo"); var pop =$("#pop"); var playMsg = null; _this.fristMusic = function(){ index = 0; _this.play(); } _this.playOrPause=function(){ pop.addClass("Gray"); var popVal = pop.attr("imgVal"); if(popVal == 0){ pop.attr("src","music/play.png"); pop.attr("title","点击播放"); pop.attr("imgVal","1"); musicBox_H.pause(); }else{ pop.attr("src","music/pause.png"); pop.attr("title","点击暂停"); pop.attr("imgVal","0"); musicBox_H.play(); } } _this.end = function(){ index = length -1; _this.play(); } _this.lastMusic = function(){ if(index == 0){ index = length-1; }else{ index --; } _this.play(); } _this.loadMusic = function(){ for(var i in musicFiles){ var html = "
  • "+musicFiles[i].name; if(musicFiles[i].hot == 1){ html+=""; } if(musicFiles[i].newSong == 1){ html+=""; } html+= "
  • "; musicList_H.append(html);   } }; _this.nextMusic = function(){ var currentMusic = null; switch(parseInt(playMode)){ case 1: index ++; if(index>=length){ index = 0; } break; case 2: if(index == -1){ index = 0; } break; case 3: index = Math.floor(Math.random()*length); break; } _this.play(); }; _this.loadInfo = function(){ name.text(musicFiles[index].name); author.text(musicFiles[index].author); CD.text(musicFiles[index].CD); $('#showcode').attr("src","showcodes.php?name="+musicFiles[index].name); picInfo.attr("src",musicFiles[index].people); }; _this.play = function(){ currentMusic = musicFiles[index]; playMsg_H.text(musicFiles[index].name+"【"+musicFiles[index].author+"】"); $(musicBox_H).attr("src",musicFiles[index].url); $("#musicList").children().each(function(i){ $($("#musicList").children().get(i)).removeClass("liOn"); }); $($("#musicList").children().get(index)).addClass("liOn"); _this.loadInfo(); musicBox_H.play(); }; _this.init = function(){ _this.loadMusic(); var songheight = $("#songs").height(); $("#infos").css("height",songheight+"px"); playMode_H.change(function(){ playMode = playMode_H.val(); }); }; } $().ready(function(){ myMusic = new MyMusic(); myMusic.init(); myMusic.nextMusic(); }); //音乐对象 function MusicObj(name,url,author,cd,people,hot,newSong){ var _this = this; this.name = name; this.url = url; this.author = author; this.CD = cd; this.people = people; this.hot = hot; this.newSong= newSong; }