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图标的应用(第一次用,确实好用)。


项目截图:


  • 8
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 22
    评论
评论 22
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值