H5音乐播放器我的2.0

本文介绍了H5音乐播放器2.0的更新内容,包括歌曲分类、当前歌曲提醒、同步歌词和横向界面拖拽等新功能。同时,作者也分享了在开发过程中遇到的问题,如歌词处理的局限性和JavaScript动态添加元素的事件响应问题,以及相应的解决策略。
摘要由CSDN通过智能技术生成

阳光的午后,听着自己播放器传出的音乐,写着一些文字,这是一种享受。今天总结一下自己的播放器2.0相比以前1.0(http://xxyy.ahthw.com//xiaoyu/musicV1.0/Music1.0.html)的一些改进和不足。项目演示地址:http://xxyy.ahthw.com//xiaoyu/musicV2.0/Music2.0.html

新增加的功能:

    a)歌曲分类

    b)当前列表,当前歌曲提醒

     c)同步歌词

    d)横向界面拖拽,提升了界面的友好度

 

不足的地方:

a)歌词是直接采用了酷我音乐盒自动生成的音乐歌词文件。需要对其里面的内容进行歌词,歌曲时间的预处理。歌词为一个数组,歌曲时间为一个数组,目前的源字符串分离用了spilt();这样的做法有一定的局限性,并不能适应所有歌词,(目前的做法只能处理”[00:01.56]我心中的……[00:05.90]春天……”这种格式的字符串);如果有”[00:11.56][4:1.05]”等等这样的格式,那么就意味着歌词提取出现偏差甚至错误。

 

在编写过程中遇到的问题以及解决对策:

a)      问题:用js新添加的音乐列表添加click方法没有响应、

原因:由

评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值