您好,欢迎光临“广州光灿贸易有限公司”网站!
全国咨询电话:
180-1199-6196
当前位置: 首页 > 新闻中心 > 行业新闻 > 测试AUDIO标签

测试AUDIO标签

字号:T|T
文章出处:编辑:广州光灿光灿制作有限公司 人气:2802发表时间:2016-02-01

        

    
  
  
歌曲列表:
  
  
  播放模式:  
  

      MusicBox.js   MusicBox=function (){   var _this=this;   var media= document.getElementById("musicBox");   var mucicFiles=[   {name:"犯错",url:"#"} ,   {name:"天使的翅膀",url:"#"},   {name:"无名轻音乐",url:"#"},   {name:"草泥马之歌",url:"#"},//错误的资源   {name:"相思风雨中",url:"#"}   ];   //当前正在播放的歌曲的索引   var index=-1;   //当前正在播放的歌曲   var playingFile=null;   //播放模式   var playMode=1;   //下一首   this.nextMusic=function(){   if(playMode=="1"){   index+=1;   }   if(index==mucicFiles.length){   index=0;   }   playingFile=mucicFiles[index];   media.setAttribute("src",playingFile.url);   media.play();   ("#ul_musicList").children().css({"background-color":"#FFF","border":"solid 1px #EEEEEE","color":"#000"});   ( ("#ul_musicList").children()[index]).css({"background-color":"#2C7DE2","border":"solid 1px #206DDF","color":"#FFF"});   }   //加载   this. loadStart=function(){   ("#sn_status").text("加载中....");   }   //播放   this. playing=function(){   ("#sn_status").text("当前正在播放:"+playingFile.name);   }   //暂停   this. pausePaly=function(){   ("#sn_status").text("暂停:"+playingFile.name);   }   //加载出错   this. loadError=function(){   ("#sn_status").text("加载“"+playingFile.name+"”失败,可能资源不存在~");   }   //初始化   this.init=function(){   for(var a in mucicFiles){   ("#ul_musicList").append("

  • "+mucicFiles[a].name+"

  • ");   }   _this.nextMusic();   ("#slt_playMode").change(function(){   playMode=("#slt_playMode").val();   });   }   }  


上一篇:测试音乐试听
此文关键字: