根据自己写的QQ音乐解析API和网易云音乐解析API开发出的这个HTML5播放器组件JS API,播放器框架和核心代码来自开源项目APlayer。
播放器界面简洁优雅,功能强大,直接调用QQ音乐/网易云音乐歌曲或歌单自动加载歌曲列表,支持单曲/歌单的形式,支持文章直接插入js代码,网页底部插入js代码即可,而且调用简单。
本播放器JS API采用jQuery异步加载的形式,一句js加载代码即可实现,网站所有内容加载完毕后才会加载播放器组件,后台异步加载,加快网站加载速度,站长的福音。
本JS API的优势:
- 调用简单,一句js加载代码搞定
- 功能强大,支持直接获取你的QQ音乐/网易云音乐的 单曲,歌单。
- 支持音乐播放器的所有功能。
- 支持网站底部悬浮
- 支持自定义播放器参数
使用方法:
如果你网页头部中没加载jQuery.js(已加载jQuery请无视)请把以下代码复制到你的网页源码中head头部中:
<script type='text/javascript' src='https://mat1.gtimg.com/libs/jquery/1.9.1/jquery.min.js'></script>
首页底部播放器示例,添加以下JS代码到你的网页Body前:(代码可添加在任意位置)
<script type='text/javascript' src='https://api.tjit.net/api/play/js/?后面所需参数请看下面参数列表'></script>
主要必须的参数:
参数名称 | 说明 | 使用方法 |
---|---|---|
id | QQ音乐&网易云音乐 歌单&歌曲 的ID | ID就是歌曲/歌单的唯一标识,用网页打开歌曲/歌单链接获取。获取方法: 根据音乐平台网站打开相应歌曲/歌单链接,在浏览器地址中复制红色字体的ID: 网易单曲:https://music.163.com/#/song?id=1369798757 网易歌单:https://music.163.com/#/playlist?id=128509912 QQ单曲:https://y.qq.com/n/yqq/song/001HXIzh1hfxKw.html QQ歌单:https://y.qq.com/n/yqq/playlist/3641614987.html |
type | 播放器类型 | 参数type=song:单曲播放器,type=songlist:歌单列表播放 |
music | 音乐平台 | 参数music=qqmusic:QQ音乐,music=netease:网易云音乐 |
key | 接口密钥 | 申请地址https://api.tjit.net/user/key |
播放器扩展的强大参数自定义:
参数名称 | 默认值 | 使用方法/参数说明 |
---|---|---|
fixed | false | false:关闭,true:开启吸底模式 |
mini | false | false:关闭,true:开启迷你模式(注意:fixed吸底模式开启后不能开,会冲突) |
autoplay | false | 当参数值为 true 时音频自动播放 |
theme | b7daff | 主题色,例如:青绿色 &theme=32CD32 |
loop | all | 音频循环播放, all:无限循环, one:循环一次,none:不循环(注意:此功能只支持单曲模式,fixed吸底模式开启后不能开,会冲突) |
order | list | 列表音频循环顺序, list:列表循环, random:随机播放列表歌曲(注意:此功能只支持列表模式) |
listFolded | false | 列表默认展开,true:收起列表(注意:此功能只支持列表模式,fixed吸底模式开启后不能开,会冲突) |
listMaxHeight | 数值 | 列表最大高度,填写整数高度就行,例如600(注意:此功能只支持列表模式,fixed吸底模式开启后不能开,会冲突) |
播放器调用示例(下划线字体标注了主要的参数)
迷你模式:
<script type='text/javascript' src='https://api.tjit.net/api/play/js/?id=1369798757&type=song&music=netease&mini=true'></script>
单曲模式:
<script type='text/javascript' src='https://api.tjit.net/api/play/js/?id=1369798757&type=song&music=netease'></script>
歌单模式:
<script type='text/javascript' src='https://api.tjit.net/api/play/js/?id=128509912&type=songlist&music=netease'></script>
吸底模式(左下角悬浮):
<script type='text/javascript'src='https://api.tjit.net/api/play/js/?id=128509912&type=songlist&music=netease&fixed=true&autoplay=true'></script>
版权声明
本接口数据均来自于音乐平台,本站不提供下载和存储任何数据。
- 原创作者:小伟 QQ 523077333
- 交流QQ群:34544417
- 如需要技术支持,需要源代码的,请加好本站友链再联系本人,非诚勿扰谢谢!