小伟博客
应各位站长需求，本人熬夜根据自己写的QQ音乐解析API开发出这个QQ音乐html5播放器组件，播放器框架和核心代码来自开源项目APlayer。
播放器界面简洁优雅，功能强大，直接调用QQ音乐歌曲或歌单ID自动加载歌曲列表，默认播放QQ音乐 HQ320kb高品质音质，而且调用简单。
接口采用缓存策略，缓存调用模式速度提升70%，站长可自行删除缓存，不缓存调用/缓存调用可选。
QQ音乐HTML5播放器API接口
QQ音乐HTML5播放器API接口：https://api.mlwei.com/music/play/
播放器所用到的QQ音乐解析API接口来自：http://www.mlwei.com/1405.html
主要必须的参数
| 参数名称 | 说明 | 使用方法 |
|---|---|---|
| id | QQ音乐歌曲的ID/歌单ID | 在y.qq.com登陆管理自己的音乐，单曲ID就是歌曲详情页浏览器地址中song/与.html之间的字符串；
歌单ID获取方法：QQ音乐客户端或者网页端 点击歌单分享→复制链接，链接中的ID后面就是咯。 |
| type | 类型 | song：单曲播放，songlist：歌单播放，rand：随机播放歌单的一首歌曲，play：随机播放歌单的一首歌曲，直接跳转到播放连接 |
扩展参数，根据类型使用
| 参数名称 | 默认值 | 使用方法/参数说明 |
|---|---|---|
| fixed | false | false：关闭，true：开启吸底模式 |
| mini | false | false：关闭，true：开启迷你模式 |
| autoplay | false | 当参数值为 true 时音频自动播放 |
| theme | b7daff | 主题色，例如：青绿色 &theme=32CD32 |
| loop | all | 音频循环播放, all：无限循环， one：循环一次，none：不循环 |
| order | list | 列表音频循环顺序, list：列表循环， random：随机播放列表歌曲 |
| listFolded | false | 列表默认折叠，true：展开列表 |
| listMaxHeight | 数值 | 列表最大高度，填写整数高度就行 |
播放器调用示例
歌单模式
<iframe src="https://api.mlwei.com/music/play/?id=3641614987&type=songlist&autoplay=true" width="100%" height="300" frameborder="0" scrolling="no"></iframe>
单曲模式
<iframe src="https://api.mlwei.com/music/play/?id=004Mkw5K1oI9K9&type=song" width="100%" height="100" frameborder="0" scrolling="no"></iframe>
随机播放歌单其中一首歌曲
<iframe src="https://api.mlwei.com/music/play/?id=3641614987&type=rand" width="100%" height="100" frameborder="0" scrolling="no"></iframe>
迷你模式
<iframe src="https://api.mlwei.com/music/play/?id=000x2ZyK1FYFht&type=song&mini=true" width="100%" height="100" frameborder="0" scrolling="no"></iframe>
缓存参数说明
为了加快调用速度，减少资源加载，接口采用静态缓存机制，默认缓存 歌曲/歌单ID 的数据。
原理：当你调用接口时，服务器会缓存你调用ID的歌单或歌曲数据，以后调用直接读取缓存加快加载速度70%左右。
- 问：更新了歌单歌曲和接口歌曲信息，扩展参数修改了，播放器不更新怎么办？
- 在你调用的接口后面加个删除缓存的参数：&cache=0
- 这个参数有两个作用：1.删除当前ID缓存，2.不缓存
- 如果不加这个参数就默认缓存当前ID数据。
- 我们的建议：
- 当你修改了歌单数据或者扩展参数后 你可访问一次 你的接口加 &cache=0 来删除和重建缓存。
- 然后你网站刷新一下就是最新缓存了。
版权声明
本接口数据均来自于QQ音乐平台，本站不提供下载和存储任何数据。
支付宝扫码打赏
微信扫码打赏