首页/酷狗音乐/内容优惠券免费领

仿酷狗html5手机音乐播放器主要局部代码

酷狗音乐2022-06-26 阅读()
分享关于酷狗音乐如何使用技巧知识大全、酷狗音乐怎么用教程,酷狗具有良好的音乐效果,丰富的网络音乐资源,简单的操作成为酷狗音乐吸引用户的特色。

   HTML5作品,经测试,效果确定不错,遗憾的是只支持谷歌和苹果等以webkit核心的浏览器,网友体验的时候请使用谷歌等浏览器来运行,不然的话无法看到效果,不说了,看效果吧

仿酷狗html5手机音乐播放器主要部分代码

  复制代码

  代码如下:

  主要部分代码如下:

  function ZzxMusic(){

  var aa={};

  //模块设置

  var setting = {

  newSong:{'target':'newSong','type':'1','firstCount':6,'Count':5},

  songCharts:{'target':'newSong','type':'1','firstCount':2,'Count':4},

  singer:{'target':'newSong','type':'1','firstCount':8,'Count':7},

  radioStation:{'target':'newSong','type':'1','firstCount':9,'Count':2}

  };

  //默认加载模块

  aa.newSong = new Zzx(setting.newSong);

  //模块初始化

  $(".menu_tagList").children("li").bind('click',function(){

  for(var i in setting){

  if($(this).attr("id")==i){

  if(typeof aa[i]==='undefined'){

  aa[i] = new Zzx(setting[i]);

  }else{

  aa[i].init();

  }

  }

  }

  $(".menu_hover").removeClass("menu_hover");

  $(this).addClass("menu_hover");

  })

  }

  //实例化控制台

  var myControl = new Control({

  audio : document.getElementById("myMusic"), //播放器

  playModeNode : $("#modeButton"), //模式选择按钮

  playBtn : $("#playButton"), //主控按钮

  playTitle : $("#musicTitle"), //歌曲TITLE容器

  singerHead : $("#singerHead"), //歌曲插图容器

  progressWrap : $("#progressWrap"), //歌曲进度条容器

  progress : $("#progress"), //歌曲进度条

  oWinObj : $("#oWindow"), //警告窗容器

  allTimeNode : $("#totleTime"), //当前时间容器

  currentTimeNode : $("#currentTime") //当前时间容器

  });

  ZzxMusic();


酷狗音乐界面更酷、绚丽流行;保持了Windows 7和XP下的表现,让人耳目一新;支持所有的音频文件,本地文件拖放,同时支持网络高速下载和本地播放支持所有的音频文件,本地文件拖放,同时支持网络高速下载和本地播放。



……

相关阅读