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

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

复制代码

代码如下:

主要部分代码如下：

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();

酷狗外链播放器html5,仿酷狗html5手机音乐播放器主要部分代码相关推荐

php手机端调用音乐播放器,HTML_仿酷狗html5手机音乐播放器主要部分代码，HTML5作品，经测试，效果确定 - phpStudy...
仿酷狗html5手机音乐播放器主要部分代码 HTML5作品,经测试,效果确定不错,遗憾的是只支持谷歌和苹果等以webkit核心的浏览器,网友体验的时候请使用谷歌等浏览器来运行,不然的话无法看到效果,不 ...
手机html音乐播放器代码隐藏,教程方法;仿酷狗html5手机音乐播放器主要部分代码电脑技巧-琪琪词资源网...
琪琪词资源网-教程方法;仿酷狗html5手机音乐播放器主要部分代码电脑技巧,以下是给大家带来的教程方法;仿酷狗html5手机音乐播放器主要部分代码,大家可以了解一下哦! HTML5作品,经测试,效果确 ...
酷狗、QQ、天天动听——手机音乐播放器竞品对比
如果说什么艺术与人们生活最贴近,那应该属音乐了,因此当代人不离身的手机里必然会有自己喜欢的音乐播放器APP存在. 在当今无论PC端还是手机端音乐播放器都越来越同质化,我们应该选择哪款手机音乐播放器?它 ...
html乐谱播放器,html5 canvas音谱可视化mp3音乐播放器代码
特效描述:html5 canvas 音谱可视化 mp3音乐播放器代码.html5 canvas通过AudioContext对获取audio标签播放的音域和音高,调用js绘制相应高度的矩形或线条. 代 ...
HTML5期末大作业：在线音乐播放器网站设计——html5全屏的音乐列表播放器页面源码 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设
HTML5期末大作业:在线音乐播放器网站设计--html5全屏的音乐列表播放器页面源码 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设 ...
html5模仿手机音乐播放器(添加音乐进度条和时长)
今天用html+js+cs写了一个类似手机音乐播放器的小东东,代码规范性不是很好,高手切勿喷,新手可以看看,其中歌词同步js代码参考了一个老师的代码.自己添加的是点击按钮页面滑动,和上一曲下一曲播放, ...
[转]全方位对比安卓手机音乐播放器推荐
现在手机应用发展迅速,各种只怕想不到,不怕做不到的应用也是如雨后春笋般应运而生.听歌早已经告别了以前庞大.笨拙.不便带来的烦恼,之后mp3播放器的普及更是随处都可见戴着耳机听歌的人.而手机近几年来革命 ...
计算机音乐播放器设置,Win7系统下设置默认音乐播放器的两种方法
可能很多新手用户不知道Win7系统下怎么设置默认音乐播放器?我们习惯将某一程序设置为默认打开方式,音乐播放器也可以这样子的.一些用户想把酷狗播放器.或者qq音乐设置为默认音乐播放器,只要打开音乐文件, ...
基于Android的手机音乐播放器的设计与实现
源码及论文下载:http://www.byamd.xyz/tag/android/ 摘要随着Android系统和移动互联网的快速崛起,手机已经成为人们生活不可缺的一部分,在现代人的生活中,人们生活 ...
安卓系统手机音乐播放器问题
我喜欢听歌,老歌.新歌.民歌.通俗歌都行,只要我认为好听就行了.除了在电脑上听歌外,还与时俱进的买了几个随身听和MP3,现在是手机和平板(Win8.1系统的),歌曲格式也由MP3升级为无损格式. 我现 ...

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

酷狗外链播放器html5,仿酷狗html5手机音乐播放器主要部分代码相关推荐

最新文章

热门文章