这篇文章是对某篇仿网易云音乐播放器里面复制下来的前端代码可能存在的一些问题的补充。直接进入正题
链接先放上来:vue仿网易云音乐播放器
1.musicPlay.vue
补充:<Tooltip> <Icon>
这些标签是来自于一个名叫iview的UI组件库(iview v3.x官方文档手册)如果没有安装是一定报错,还有就是一些icon图标文件的缺失,我的建议是自己去iconfont上找
2.lyricScroll.vue
补充:这个不存在什么问题,如果要修改注意一下组件传值的命名等细节问题就好
3.timeConversion.js
补充:少了一个方法,我是根据需求自己补写了一个,如果有更好的更完善的代码,欢迎评论区补充
TimeToSeconds(time) {if (!time) return;let mm = time.split(":")[0] ? time.split(":")[0].trim() : 0;let ss = time.split(":")[1] ? time.split(":")[1].trim() : 0;return parseInt(mm) * 60 + parseFloat(ss);},
那篇文章作者提供的前端代码可能存在的问题我就补充到这,如果有其他疑问可以评论区讨论一下
我后端是使用node.js+express+mongodb的组合写的,所以他的后端代码我没有查找可能存在的问题
音乐来源由于网易云的接口的原因,我推荐一个开源项目来获取歌曲信息
网易云音乐 API
顺带提一句:网易云音乐的歌曲ID要自己仔细看,有些id并不是能获取到歌曲的
如果觉得我的文章有帮助,请来B站关注兰音Reine,谢谢