jquery-mobile-player:基于jQuery的移动音乐播放器

时间:2024-05-28 06:11:46
【文件属性】:

文件名称:jquery-mobile-player:基于jQuery的移动音乐播放器

文件大小:1.65MB

文件格式:ZIP

更新时间:2024-05-28 06:11:46

JavaScript

项目说明 项目完成于2016年,那时候刚刚了解前端,jQuery似乎是成为了必会的工具,为了提升实战能力于是做了此案例,由于项目包含的MP3文件较大,github仓库移除了res文件夹,完整项目文件见,希望该教程对新人有所启发。 预览地址:请猛击 注意:使用PC浏览最好打开移动设备模式,使用移动设备浏览需要关闭无痕浏览模式(否则无法使用本地存储,一般浏览器都是默认不开启),项目需要在本地服务器或线上服务器运行,以file:///形式的地址打开是无法进行ajax请求的,从而无法看到音乐数据。 项目实现的功能及所用知识 播放器的基础操作,上一首,下一首(顺序播放、随机播放、单曲循环),播放暂停,滑动时间轴的歌词定位 初始handlebar模板渲染音乐列表数据,下拉滚动加载音乐列表数据。 歌曲列表可添加喜爱音乐,于下次刷新时更新喜爱音乐列表,基于HTML5本地存储。 布局采用rem布局,自适应移


【文件预览】:
jquery-mobile-player-master
----css()
--------common.css(2KB)
--------normalize.css(7KB)
--------index.css(15KB)
----img()
--------bg_list.jpg(11KB)
--------next.png(2KB)
--------lrc_bg.png(3KB)
--------poster()
--------poster.jpg(6KB)
--------pre.png(2KB)
--------icon_love.png(2KB)
--------control.png(14KB)
--------icon_love_active.png(2KB)
--------bg_bottom.jpg(2KB)
--------pause.png(2KB)
--------bg_top.jpg(5KB)
--------bg.jpg(15KB)
--------favicon.ico(17KB)
--------play.png(2KB)
--------cd.png(1KB)
----data()
--------data.json(36KB)
----fonts()
--------icomoon.woff(3KB)
--------icomoon.svg(6KB)
--------icomoon.eot(3KB)
--------icomoon.ttf(3KB)
----index.html(6KB)
----js()
--------main.js(38KB)
----LICENSE(1KB)
----lib()
--------handlebars-v4.0.5.js(156KB)
--------jquery-3.1.0.min.js(84KB)
--------iscroll.js(52KB)
--------jquery.touchSwipe.min.js(20KB)
----README.md(13KB)

网友评论