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方法没有响应、

原因:由

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
基于H5音乐播放器源码是一种使用HTML5技术开发的音乐播放器程序的源代码。HTML5是一种用于网页设计和开发的标准,它提供了强大的多媒体功能,包括音频和视频的播放。 音乐播放器源码通常包含一些主要的组件和功能。首先,它会有一个界面,用于显示音乐播放器的控制面板,例如播放/暂停按钮,音量控制和进度条。界面还可以包括歌曲列表或搜索框等功能。 其次,音乐播放器源码需要实现音频文件的加载和播放功能。它会通过使用HTML5的音频元素来加载音频文件,并提供控制接口,例如播放、暂停、停止和调整音量。一些高级的播放器还可能支持音频的循环播放、拖动进度条和跳转到指定的时间位置等功能。 除此之外,音乐播放器源码还可能包含一些其他的功能,例如自动播放、随机播放、播放器皮肤样式的修改,以及播放器的自适应调整等。 要实现一个基于H5音乐播放器,开发者可以使用HTML、CSS和JavaScript等前端技术来编写源码。他们可以使用HTML5的音频元素和相关的API来实现音频的加载和播放。CSS可以用于美化播放器的界面和样式,而JavaScript则可以用于编写播放控制逻辑和一些其他的交互功能。 总之,基于H5音乐播放器源码是一种使用HTML5技术开发的音乐播放器程序的源代码,它可以实现音频文件的加载和播放功能,并提供一些控制和交互的界面和功能。
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值