效果展示：

wxml代码:

<!--music/pages/music/music.wxml-->
<view class="container"><view class="listTitle">最新音乐</view><view class="list"><view class="item" wx:for="{{songlist}}"><view class="number">{{item.cur_count}}</view><view class="leftImg"><image src="{{item.data.image}}" mode="aspectFill"></image></view><view class="rightBox"><view class="songName">{{item.data.songname}}</view><view class="singer">{{item.data.singer[0].name}}</view></view><view class="playBtn" bindtap="audioPlay" data-key="{{index}}"></view></view></view>
</view>

js代码：

// music/pages/music/music.js
Page({/*** 页面的初始数据*/data: {// 音乐列表songlist: []},/*** 生命周期函数--监听页面加载*/onLoad(options) {this.getMusic()},getMusic() {wx.request({url: 'https://c.y.qq.com/v8/fcg-bin/fcg_v8_toplist_cp.fcg?g_tk=5381&uin=0&format=json&inCharset=utf-8&outCharset=utf-8&notice=0&platform=h5&needNewCode=1&tpl=3&page=detail&type=top&topid=36&_=1520777874472',data: {},header: {'content-type': 'application/json'},success: (res) => {console.log(res.data.songlist);let songlist = res.data.songlist// 生成图片地址songlist.forEach((item) => {item.data.image = `http://imgcache.qq.com/music/photo/album_300/${item.data.albumid%100}/300_albumpic_${item.data.albumid}_0.jpg`})// 生成歌曲地址songlist.forEach((item) => {item.data.audioUrl = `https://c.y.qq.com/v8/fcg-bin/fcg_play_single_song.fcg?songid=${item.data.songid}&tpl=yqq_song_detail&format=jsonp&callback=getOneSongInfoCallback`})this.setData({songlist: songlist})}})},audioPlay(e) {// 下标console.log(e.currentTarget.dataset.key);},
})

qq音乐——获取歌曲图片和名称相关推荐

qq音乐获取歌曲源链接地址
1.目标连接地址双击打开地址:http://27.36.118.18/amobile.music.tc.qq.com/C400100zBURs2OgW6n.m4a?guid=3806016700&a ...
python爬虫之爬取网易云音乐的歌曲图片和歌词
0.目录 1.分析页面 2.获取歌曲的id 3.获取歌曲信息 4.获取歌曲图片url 5.获取歌词 6.总结 7.完整代码 1.分析页面这一次我们来爬取网易云音乐,爬取歌单内的所有歌曲的图片和歌词, ...
python爬取QQ音乐免费歌曲 2020.7.26
python爬取qq音乐免费歌曲 2020.7.26 目标分析获取音乐列表 1.浏览器网络请求追踪 2.寻找音乐列表解析qq音乐 1.下载连接组成 2.获取vkey 3.获取sign参数关系图 ...
python音乐相册_python爬虫之爬取网易云音乐的歌曲图片和歌词
0.目录 1.分析页面 2.获取歌曲的id 3.获取歌曲信息 4.获取歌曲图片url 5.获取歌词 6.总结 7.完整代码 1.分析页面这一次我们来爬取网易云音乐,爬取歌单内的所有歌曲的图片和歌词, ...
python爬音乐网站_用 Python 爬取 QQ 音乐全部歌曲
前景介绍最近小伙伴们听歌的兴趣大涨,网抑云综合症已经遍布各地. 咱们再来抬高一波QQ音乐的热度吧. 土豪充绿钻和刷永久绿钻的除外(me) 爬它目标:https://y.qq.com/porta ...
QQ音乐最新歌曲源 API(稳定)
//2019.04.19 这次我真的找到可用的api了, 兄弟们,http://ustbhuangyi.com/music/#/singer,可以先去这个地址研究一哈,大佬用vue写的 // 11.2 ...
QQ音乐无损歌曲接口api
1.打开QQ音乐官网 y.qq.com 2.选择你要的歌曲,进入后查看网址,以虎口脱险这个歌曲为例:http://y.qq.com/#type=song&mid=000Ib8E71sUNi7 ...
Android蓝牙音乐获取歌曲信息
由于我在蓝牙开发方面没有多少经验,如果只是获取一下蓝牙设备名称和连接状态那么前面的那篇文章就已经足够了,接下来的内容是转自一个在蓝牙音乐方面颇有经验的开发者的博客,他的这篇文章对我帮助很大. 今天,先 ...
爬取QQ音乐周杰伦歌曲的歌词
代码如下: import requests import json # 引用requests,json模块url = 'https://c.y.qq.com/soso/fcgi-bin/client_ ...

qq音乐——获取歌曲图片和名称

效果展示：

wxml代码:

js代码：

qq音乐——获取歌曲图片和名称相关推荐

最新文章

热门文章