H5,Audio音乐播放器(移动版)

       有些时候,总是感觉自己进步的没有以前快了。于是就怀疑自己是不是也被时间磨灭了,这可真是一件不幸的事儿。可能是自己会的东西太少了,总是有种莫名的危机感。

       前一段时间,想写一个移动版音乐播放器,于是就开始利用下班后的时间写写。每天大概有大概两个小时的时间来做这件事儿,但是写了一版,感觉逻辑不是理想的,所以就推掉了原来写的,又从新写了一版。最近公司的事儿有点儿多,所以导致播放器被推延了一个星期,对自己很不满意,因为效率还是不在理想状态。

     好了,陈述完毕。开始说说这个小的音乐播放器。

     项目演示地址(请用移动浏览器或者PC移动模拟器访问):http://xxyy.ahthw.com//xiaoyu/musicForMoibleV1.0/index.html

     项目源码:https://github.com/awarriorer/MyMusicPlayForMobile(更新:2017年9月18日)

     手机可以扫描二维码:

      项目实现的功能:

             A:播放器的基础操作,上一首,下一首,播放暂停,时间轴定位,

             B:音乐分类,收藏功能(离线数据存储),

             C:随机背景

             D:同步歌词

     项目中用到的知识:

             A:项目的选择器基于zepto.js

             B:切换基于swiper.js,(自己写了一次,但是有些问题,还希望路过的大神提供给一些学习资料)

             C:audio的操作,请参考audio的API

             D:iconfont图标的应用(第一次用,确实好用)。


项目截图:


猜你喜欢

转载自blog.csdn.net/u014703834/article/details/45954557