html音乐播放器歌单,H5音乐播放器【歌单列表】

本文介绍了如何在HTML音乐播放器中生成歌单列表,包括从API获取数据、使用ES6语法处理JSON数据,并展示代码示例。重点讲述了歌单列表的循环生成以及移动端的点击播放功能。
摘要由CSDN通过智能技术生成

上篇详细描述了播放页歌词如何实现跟随跟单滚动,如何解析歌词,那么歌单页又是如何生成的呢,话不多说,直接上图上代码!

9ce9fa0d15f9f8635bde86d2f87c8b93.png

首先需要获取数据,具体获取数据api请转到我跟我大兄弟博客去观看学习去,同时也感谢我大兄弟无私跟我们共享接口!

www.bzqll.com  我大兄弟博客!

歌单列表生成

首先需要获取数据,然后生成列表!话不多说,直接上代码!

/* 默认首页是音乐音乐热歌榜,处理返回的json数据用了一点es6的语法 */

function indexSong() {

var count = 1;

loading("加载中...", 500);//悬浮弹框

$.ajax({

url: 'https:/xxxxxxxxxxxxx',

type: 'GET',

data: {

"key": "xxxxxxxx",

"id": "3778678",

"limit": "200",

"offset": "0"

},//具体url  跟key请访问我大兄弟博客获取,我

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值