用鼠标与指尖
让互联网更加有趣

QQ音乐网页播放器组件API-一个强大的HTML5播放器

QQ音乐网页播放器组件API-一个强大的HTML5播放器-小伟博客

应各位站长需求,本人熬夜根据自己写的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音乐平台,本站不提供下载和存储任何数据。

  • 原创作者:小伟 QQ 523077333
  • 交流QQ群:34544417
  • 如需要技术支持,需要源代码的,请加好本站友链再联系本人,非诚勿扰谢谢!
支付宝扫码打赏 微信扫码打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

未经允许不得转载:小伟博客 » QQ音乐网页播放器组件API-一个强大的HTML5播放器

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

小伟博客 · 给你感兴趣的内容

联系我们官方交流群