vue音乐播放器实战---解决获取不到播放音频api的方式

按照慕课网上的教程,在第六章获取播放api的时候,发现教程里的url已经不能使用,因而记录一下,若再次失效时怎么寻找。

首先先观察音乐播放

在<audio>标签中就有播放地址,和之前老师教的不一样的地方在于,多了guid以及一个vkey值(注意这里的guid根据抓取的值而定,是变化的)

因而在之前仅仅获取mid的基础上是不够的,需要获取vkey,这里就用到了在推荐页面上使用的方法

//在api/singer中添加方法

export function getMusic(songmid) {
    const url = '/api/getMusic'
    const data = Object.assign({}, commonParams, {
        songmid: songmid,
        filename: 'C400' + songmid + '.m4a',
        guid: 5963506884, // 变化的数值,根据上图中抓取的值而定
        platform: 'yqq',
        loginUin: 0,
        hostUin: 0,
        needNewCode: 0,
        cid: 205361747,
        uin: 0,
        format: 'json'
    })
    return axios
        .get(url, {
            params: data
        })
        .then(res => {
            return Promise.resolve(res.data)
        })
}

同时在webpack.dev.conf.js中添加


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值