npm上传自己喜欢的歌曲随时调用不用vip也能听

npm上传自己喜欢的歌曲随时调用不用vip也能听

登录 npm 发布包如果你没有 npm 账号,先注册:

👉npm注册

👉歌曲海官网地址

1
npm init -y

编辑 package.json

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
{
  "name": "mgfreedom-music",
  "version": "1.0.2",
  "main": "index.js",
  "description": "本地音乐播放资源包,支持APlayer+MetingJS",
  "type": "module",
  "files": [
    "index.js",
    "assets/"
  ],
  "keywords": [
    "music",
    "aplayer",
    "metingjs",
    "audio",
    "playlist"
  ],
  "author": "mgfreedom",
  "license": "MIT"
}

版本号自动更新代码

1
2
3
4
5
6
7
8
const fs = require('fs');
const path = require('path');
const pkgPath = path.join(__dirname, 'package.json');
const pkg = require(pkgPath);
const [major, minor, patch] = pkg.version.split('.').map(Number);
pkg.version = `${major}.${minor}.${patch + 1}`;
fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2), 'utf8');
console.log(`✔ Bumped to version ${pkg.version}`);

index.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
export const musicList = [
  {
    name: '青花',
    artist: '周传雄',
    url: './assets/青花 - 周传雄.mp3',
    cover: './assets/青花 - 周传雄.png',
    lrc: './assets/青花 - 周传雄.lrc',
    type: 'auto'
  },
  {
    name: '黄昏',
    artist: '周传雄',
    url: './assets/黄昏 - 周传雄.mp3',
    cover: './assets/黄昏 - 周传雄.png',
    lrc: './assets/黄昏 - 周传雄.lrc',
    type: 'auto'
  },
   {
    name: '冬天的秘密',
    artist: '周传雄',
    url: './assets/冬天的秘密 - 周传雄.mp3',
    cover: './assets/冬天的秘密 - 周传雄.png',
    lrc: './assets/冬天的秘密 - 周传雄.lrc',
    type: 'auto'
  },
    {
    name: '关不上的窗',
    artist: '周传雄',
    url: './assets/关不上的窗 - 周传雄.mp3',
    cover: './assets/关不上的窗 - 周传雄.png',
    lrc: './assets/关不上的窗 - 周传雄.lrc',
    type: 'auto'
  },
   {
    name: '寂寞沙洲冷',
    artist: '周传雄',
    url: './assets/寂寞沙洲冷 - 周传雄.mp3',
    cover: './assets/寂寞沙洲冷 - 周传雄.png',
    lrc: './assets/寂寞沙洲冷 - 周传雄.lrc',
    type: 'auto'
  },
    {
    name: '我的心太乱',
    artist: '周传雄',
    url: './assets/我的心太乱 - 周传雄.mp3',
    cover: './assets/我的心太乱 - 周传雄.png',
    lrc: './assets/我的心太乱 - 周传雄.lrc',
    type: 'auto'
  },
    {
    name: '出卖',
    artist: '周传雄',
    url: './assets/出卖 - 周传雄.mp3',
    cover: './assets/黄昏 - 周传雄.png',
    lrc: './assets/出卖 - 周传雄.lrc',
    type: 'auto'
  },
    {
    name: '末班车',
    artist: '周传雄',
    url: './assets/末班车 - 周传雄.mp3',
    cover: './assets/黄昏 - 周传雄.png',
    lrc: './assets/末班车 - 周传雄.lrc',
    type: 'auto'
  },
];

目录结构

1
2
3
4
5
6
7
mgfreedom/
├── assets/
│ └── 青花 - 周传雄.mp3
├── index.js
├── package.json
└── bump.cjs
└── README.md

然后本地登录:

1
npm login

构建版本

1
node bump.js

推送

1
npm publish

读取就像这样 mgfreedom-music 这个换成你自己注册的名字

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
[
    {
      "name": "青花",
      "artist": "周传雄",
      "url": "https://cdn.jsdelivr.net/npm/mgfreedom-music@latest/assets/青花%20-%20周传雄.mp3",
      "cover": "https://cdn.jsdelivr.net/npm/mgfreedom-music@latest/assets/青花%20-%20周传雄.png",
      "lrc": "https://cdn.jsdelivr.net/npm/mgfreedom-music@latest/assets/青花%20-%20周传雄.lrc"
    },
     {
      "name": "黄昏",
      "artist": "周传雄",
      "url": "https://cdn.jsdelivr.net/npm/mgfreedom-music@latest/assets/黄昏%20-%20周传雄.mp3",
      "cover": "https://cdn.jsdelivr.net/npm/mgfreedom-music@latest/assets/黄昏%20-%20周传雄.png",
      "lrc": "https://cdn.jsdelivr.net/npm/mgfreedom-music@latest/assets/黄昏%20-%20周传雄.lrc"
    }
]