vue仿网易云音乐播放器的前端补充

这篇文章是对某篇仿网易云音乐播放器里面复制下来的前端代码可能存在的一些问题的补充。直接进入正题
链接先放上来: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,谢谢

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值