Where is JavaScript?

博客加入歌单

本博客右边新增了音乐模块,也加入了音乐页面。

细心的朋友们已经发现了,本博客右边新增了音乐模块,也加入了音乐页面。
暂时音乐列表选用本人网易云音乐歌单,有喜欢的音乐也可以通过留言推荐给我。

后端

后端调用了Surmon小哥封装的simple-netease-cloud-music模块。

获取获取歌单列表、歌曲详情、歌曲封面图片等信息。
具体参考last commit

前端

前端构建了一个音乐播放组件和一个非可视化 vue 组件保存音乐播放状态

播放组件基于howler.js实现。

维护一个播放状态存储在 vue 组件中,然后实现播放、暂停、音量控制、静音、跳转、下一首、上一首等逻辑。

前端组件通过这个非可视化组件读取相应状态,或者相应页面事件来执行相应逻辑。

Tips

  • 访问网易的资源链接可能会根据 IP 有 403 的错误出现,因此本人用后台代理了一下资源链接
    nginx 配置
              
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
location /proxy/ { rewrite "^/proxy/([^/]+)/(.+)$" /$2 break; resolver 8.8.8.8; proxy_pass http://$1/$2$is_args$args; proxy_set_header referer "http://$1"; proxy_redirect off; }
  • 这样使用网易的资源会不会有版权的问题啊?

本文于 2018-4-16  发布在  编程  分类下, 当前已被围观 642 次

并被添加「 前端Node.js 」标签

本站使用「 署名 4.0 国际」创作共享协议