加入CODE CHINA

· 不限速    · 不限空间    · 不限人数    · 私仓免费

免费加入
README.md

一个简单的播放器,从数据爬取处理到上传至七牛云再到前端页面展示

在这里你能了解(或者学习)到:

  1. Puppeteer 的基本使用
  2. nodejs 的简单应用
  3. 如何实现一个简易的多文件下载队列函数
  4. 七牛云储存文件上传的入门姿势
  5. 使用gulp来协助开发传统前端页面(sass编译,自动刷新)
  6. 周杰伦的所有歌曲

其实我并不是周杰伦的歌迷,只是因为偶尔想听,却发现都收费了(qiong bi)。。。
如果侵权,请联系我,我将会全部删除。

言归正传

简单的介绍一下歌曲从获取到展示的过程

  1. getJsonData.js 使用 Puppeteer 在歌曲网站中拉取的数据,进行了相关处理转化为了歌曲列表的json数据
  2. downloadMusic.js 使用request将歌曲下载到了本地,上面说的多文件下载相关的函数就是在这里。
  3. uploadMusicQiNiu.js 使用七牛的sdk将文件上传至了七牛云进行了储存

因为直接使用引用的连接会经常出现连接失效,无法正常使用的问题,上次维护使用时是在在服务端定时的获取更新的方式,但是仍然会出现失效的问题,本次直接将全部歌曲上传至七牛云中供大家使用。还会自己最靠谱。。。

七牛的配置项 CONFIG.js 请自行建立,格式如下

module.exports = {
    ACCESS_KEY: '',
    SECRET_KEY: '',
    bucket: ''
}

在下载音乐到本地时,记得新建 downloadFiles 文件夹
代码并不是很多,详细了解请直接查看源码

相关连接

我的博客
我的掘金主页
GitHub
Puppeteer
gulp
sass
七牛云
歌曲源地址

项目简介

Forked from https://github.com/lvyueyang/web-music 一个简单的音乐播放器,播放周杰伦的歌曲 https://lvyueyang.github.io/web-music/app

发行版本

当前项目没有发行版本

贡献者 2

阿炸克斯 @阿炸克斯
L lvyueyang @lvyueyang

开发语言

  • CSS 53.6 %
  • JavaScript 25.1 %
  • HTML 21.4 %