一款基于微信小程序的音乐播放器源码

admin

一款基于微信小程序的音乐播放器源码。

运行效果


依赖版本

node v7.1.0

注：由于本项目使用了部分es6的语法，因此需要较高版本的node环境，建议升级node版本运行。

目录说明

• pages/: 项目前端部分代码;
• server/: 项目服务端代码，目前已部署到我的测试服务器(接口为http://angryzhangzhe.cn:3000，方法为POST，参数为musicname)，非商业可自由使用;
• test/: 单元测试;
  

使用方法

• 下载微信开发者工具 下载 - 小程序
• 下载本项目
  

1. git clone https://github.com/xingbofeng/wx-audio.git

复制代码

• 启动服务端 注：本项目服务端代码我已部署到我自己的测试服务器(接口为http://angryzhangzhe.cn:3000)上，若想本地调试接口，请修改pages/index/index.js中的wx.request函数的接口为http://127.0.0.1:3000，在启动本地服务端。 本地服务端代码入口文件为：server/server.js，您可以通过以下命令启动本地服务端：
  

1. npm install
   
2. npm start

复制代码

• 运行单元测试 目前已写三个测试用例，测试用例代码在test/目录下，测试框架为mocha：
  

1. npm install -g mocha
   
2. npm test

复制代码

• 微信开发者工具加载项目
• 运行小程序
  

待做事件清单

• node端转发请求
• 添加server端测试用例
• 歌曲列表
• 添加搜索用户/歌手/歌单功能
• 控制歌曲播放速度
  

网易云音乐API介绍

1. GET http://music.163.com/api/search/get/

复制代码

1. 参数
   
2. 
   
3. s: 搜索词
   
4. limit: 返回数量
   
5. sub: 意义不明(非必须参数)；取值：false
   
6. type: 搜索类型；取值意义
   
7. 
   
8. 1 单曲
   
9. 10 专辑
   
10. 100 歌手
    
11. 1000 歌单
    
12. 1002 用户

复制代码

返回结果

如对下列url发起get请求：

1. http://s.music.163.com/search/get/?type=1&limit=5&s=%E5%91%8A%E7%99%BD%E6%B0%94%E7%90%83

复制代码

返回结果如图所示：

1. {
   
2.   "result": {
   
3.     "songCount": 2275,
   
4.     "songs": [
   
5.       {
   
6.         "id": 440241144,
   
7.         "name": "告白气球",
   
8.         "artists": [
   
9.           {
   
10.             "id": 1081635,
    
11.             "name": "周二珂",
    
12.             "picUrl": null
    
13.           }
    
14.         ],
    
15.         "album": {
    
16.           "id": 34986028,
    
17.           "name": "告白气球",
    
18.           "artist": {
    
19.             "id": 0,
    
20.             "name": "",
    
21.             "picUrl": null
    
22.           },
    
23.           "picUrl": "http://p1.music.126.net/m3_elKryq_x62UNHJ2NgHg==/109951162807555886.jpg"
    
24.         },
    
25.         "audio": "http://m2.music.126.net/GvIMZ5ZW0l04xFMVYtTy8g==/18502581673300022.mp3",
    
26.         "djProgramId": 0,
    
27.         "page": "http://music.163.com/m/song/440241144"
    
28.       },
    
29.       {
    
30.         "id": 434070713,
    
31.         "name": "告白气球 ",
    
32.         "artists": [
    
33.           {
    
34.             "id": 1073042,
    
35.             "name": "王进",
    
36.             "picUrl": null
    
37.           }
    
38.         ],
    
39.         "album": {
    
40.           "id": 34801227,
    
41.           "name": "告白气球",
    
42.           "artist": {
    
43.             "id": 0,
    
44.             "name": "",
    
45.             "picUrl": null
    
46.           },
    
47.           "picUrl": "http://p1.music.126.net/cIim8rAhdKV1Up7e9zSFoA==/17647161626137638.jpg"
    
48.         },
    
49.         "audio": "http://m2.music.126.net/zp5J-qWfkwmBd2pq3pHzCw==/18605935765863165.mp3",
    
50.         "djProgramId": 0,
    
51.         "page": "http://music.163.com/m/song/434070713"
    
52.       },
    
53.       {
    
54.         "id": 421137034,
    
55.         "name": "告白气球",
    
56.         "artists": [
    
57.           {
    
58.             "id": 1158065,
    
59.             "name": "宇西",
    
60.             "picUrl": null
    
61.           }
    
62.         ],
    
63.         "album": {
    
64.           "id": 34778501,
    
65.           "name": "告白气球（Cover 周杰伦）",
    
66.           "artist": {
    
67.             "id": 0,
    
68.             "name": "",
    
69.             "picUrl": null
    
70.           },
    
71.           "picUrl": "http://p1.music.126.net/tlp3VWVQVe0Je1r-oHn91g==/17666952835430891.jpg"
    
72.         },
    
73.         "audio": "http://m2.music.126.net/8egvCxWVy4vzk2EJG_dGqg==/3265549609864401.mp3",
    
74.         "djProgramId": 0,
    
75.         "page": "http://music.163.com/m/song/421137034"
    
76.       },
    
77.       {
    
78.         "id": 429461789,
    
79.         "name": "告白气球",
    
80.         "artists": [
    
81.           {
    
82.             "id": 975714,
    
83.             "name": "叶洛洛",
    
84.             "picUrl": null
    
85.           },
    
86.           {
    
87.             "id": 12126098,
    
88.             "name": "Vk",
    
89.             "picUrl": null
    
90.           }
    
91.         ],
    
92.         "album": {
    
93.           "id": 34872359,
    
94.           "name": "告白气球",
    
95.           "artist": {
    
96.             "id": 0,
    
97.             "name": "",
    
98.             "picUrl": null
    
99.           },
    
100.           "picUrl": "http://p1.music.126.net/PuNMFpLHzvHw2v0-Zh2b8g==/18244196440128259.jpg"
     
101.         },
     
102.         "audio": "http://m2.music.126.net/t_qlmZ581WF2MwHmvUavxA==/2946691220790691.mp3",
     
103.         "djProgramId": 0,
     
104.         "page": "http://music.163.com/m/song/429461789"
     
105.       }
     
106.     ]
     
107.   },
     
108.   "code": 200
     
109. }

复制代码

更新日志

• 0.0.1 完成基本功能界面;发起请求返回特定的一首歌曲;
• 0.0.2 更改服务端，现在返回最多十首歌曲，但前端还未优化;添加服务端测试代码;
• 0.1.0 完成搜索列表功能;发起请求返回多首歌曲;
  

源码下载地址：

游客，如果您要查看本帖隐藏内容请回复

一款基于微信小程序的音乐播放器源码
http://bbs.jiandaima.com/thread-998-1-1.html

18035177655

登录可见评论

asut

登录可见评论

八角楼

登录可见评论

慢慢同学

登录可见评论

ljh007

登录可见评论

dfkjssagf

登录可见评论

kevinasm

登录可见评论

wxq

登录可见评论

ccssccssccss

登录可见评论