这个问题困扰了我很久,一直获取不到正确的播放源,qq对这块限制更加严格了

按照之前老师在视频中的写法,已经不能获取到播放源了

vue-music 跨域获取QQ音乐歌曲播放源

 

vue-music 跨域获取QQ音乐歌曲播放源

下面来分析一下正确的播放源url:http://dl.stream.qqmusic.qq.com/C400000QCwge3B6Ad1.m4a?vkey=6FBECDE68E94D9E5B1F6731C5A8D83AE2DE961466D2CF64694D86F94590B3E27592575D38322394478AFC921DA703B6805A4278DE54344F1&guid=1849502645&uin=0&fromtag=66

 

vue-music 跨域获取QQ音乐歌曲播放源

vue-music 跨域获取QQ音乐歌曲播放源

 

 

因此,可以知道:http://dl.stream.qqmusic.qq.com/C400000QCwge3B6Ad1.m4a?vkey=6FBECDE68E94D9E5B1F6731C5A8D83AE2DE961466D2CF64694D86F94590B3E27592575D38322394478AFC921DA703B6805A4278DE54344F1&guid=1849502645&uin=0&fromtag=66

其实就是:http://dl.stream.qqmusic.qq.com/C400${songmid}.m4a?vkey=6FBECDE68E94D9E5B1F6731C5A8D83AE2DE961466D2CF64694D86F94590B3E27592575D38322394478AFC921DA703B6805A4278DE54344F1&guid=1849502645&uin=0&fromtag=66

还是采用反向代理方式,在 config/index.js 

vue-music 跨域获取QQ音乐歌曲播放源

然后:在src/api/singer.js定义getMusic方法

vue-music 跨域获取QQ音乐歌曲播放源

 

在src/common/song.js定义createSong方法 ,qq会不定时改变 参数,所以实际请求,要以具体参数为准

vue-music 跨域获取QQ音乐歌曲播放源

最后应用到组件上 components/singer-detail/singer-detail.vue

vue-music 跨域获取QQ音乐歌曲播放源

注意: 我发现参数guid是可变的,

所以,可能会过期,测试的时候,一定要以当前参数为基准

vue-music 跨域获取QQ音乐歌曲播放源

相关文章:

  • 2022-12-23
  • 2021-07-22
  • 2022-12-23
  • 2022-01-10
  • 2021-12-27
  • 2021-09-21
  • 2021-12-26
  • 2022-01-10
猜你喜欢
  • 2021-09-13
  • 2021-07-01
  • 2021-11-18
  • 2021-03-30
  • 2021-10-06
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案