vue.js最新版获取QQ音乐播放源，以前的不能用了，这个可以

最新推荐文章于 2024-03-12 21:48:20 发布
最新推荐文章于 2024-03-12 21:48:20 发布
阅读量3.9k 收藏 1
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33026699/article/details/80777015
版权

（此方法已过期......各位道友去找别的吧）

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

按照之前的写法，现在已经不能获取到播放源了

 

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

 

 

 

因此，可以知道：HTTP：//dl.stream.qqmusic.qq.com/C400000QCwge3B6Ad1.m4a v键= 6FBECDE68E94D9E5B1F6731C5A8D83AE2DE961466D2CF64694D86F94590B3E27592575D38322394478AFC921DA703B6805A4278DE54344F1＆GUID = 1849502645＆UIN = 0＆fromtag = 66

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

还是采用反向代理方式，在  配置/ index.js 

然后：在SRC / API / singer.js 定义getMusic方法

 

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

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

注意：我发现参数guid是可变的，

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

姚辉乾
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论
专栏目录
vue.js devtools 离线 插件 最新版本 6.2.1
08-16
现在chrome应用市场，打不开了。 下载了插件有的时候会被自动删除。 vue.js devtools 离线插件 最新版本 6.2.1 亲测可用
微信小程序：QQ音乐API接口变更后访问被禁止，出现403页面的解决办法
GrapeSoda的博客
05-04 2451
问题描述: 在使用QQ音乐API接口获取音乐的时候，微信后台请求成功，但是出现403禁止访问页面，导致无法播放音乐。 解决办法 一、首先进行QQ音乐官网抓包分析 对RequestURL进行分析，得知每首歌曲音乐源的“VKey"都不同，所以要先获取到目标歌曲的“VKey”。 二、获取“VKey” function getSongVkey(songmid,callback) { ...
关于某Q音乐提示referer不合法解决方法
朽木自雕的博客
01-09 990
首先： 你需要使用后台代理的方式，越过跨域请求问题 然后： 后端在请求数据时，返回数据如下：（提示 referer不合法） 此时的 referer为 "referer": "https://c.y.qq.com" 无意中把 referer改为"referer": "https://c.y.qq.com/"，发现能正常请求并返回数据 后端代码如下： （出问题的是最后一个getDi...
基于Vue的音乐播放器的设计与实现
最新发布
2402_82389843的博客
03-12 964
即使研究的结论是不值得进行，所花的精力也并没有浪费，因为它避免了一次更大的浪费。随着前端技术的发展和迭代，前端开发工程师在java的MVC框架基础上，推出了前端的MVC，MVP，MVVM等架构模式，利用目前主流的前端开发技术，如React、AngularJS等，我们可以很轻松的构建起一个不需要服务器端渲染就可以展示的WebApp，同时这类框架也都提供了前端路由功能，后台可以不再去控制路由的跳转，将原本属于后台的业务逻辑全部丢给前端，做到了前后端的架构分离，这也是近几年来最为流行和使用的开发手段。
QQ音乐歌曲播放源的获取
Handsome3618的博客
12-02 2474
    这里仅分享下自己的解决思路，有不对之处还请指正！ 最近在学习vue来是实现高仿qq音乐播放器，由于看的不是最新的视频，所以视频上的qq音乐歌曲源已经无用了。在qq音乐上播放歌曲发现请求的url如图   这里涉及到许多参数：guid、vkey等，对于这些的获取网上试了其他方法，不是很适用。 在看了其它发送的请求。这里可以看到一个getplaysongvkey请求。 对比了下...
关于qq音乐audio标签里src的获取问题
a151913232的博客
12-16 4470
最近学习黄毅老师的移动端音乐 WebApp时，在使用audio 的url时发现地址已经被禁了，在网上各种找终于找到了解决办法。   刚开始的时候我是直接使用url，比如类似于这样 // url: `http://ws.stream.qqmusic.qq.com/C100${musicData.songmid}.m4a?fromtag=0&guid=126548448` // 歌曲地...
ajax获取qq音乐源码,ajax请求QQ音乐
weixin_39726131的博客
08-05 242
搜索歌曲function go() {var val = document.getElementById("name").value;let url = ‘https://c.y.qq.com/soso/fcgi-bin/search_for_qq_cp?g_tk=5381&uin=0&format=jsonp&inCharset=utf-8&outCharset=...
vue.global.js，Vue.js 框架的核心文件之一
08-11
例如，你可以使用这个文件来创建全局的 Vue 实例，定义全局组件，添加全局指令，以及访问全局的 mixin、过滤器、插件等。 具体来说，`vue.global.js` 文件定义了以下内容： 1. `Vue` 对象：全局范围的 Vue 构造...
v2.6.10-vue.js&vue.min.js&vue.common.js&vue.runtime.js等14个资源
03-12
vue.js、vue.min.js、vue.common.js、vue.common.dev.js、vue.common.prod.js、vue.esm.browser.js、vue.esm.browser.min.js、vue.runtime.js、...esm.js、vue.runtime.common.js、vue.runtime.common.dev.js等14个资源
vue.min.js官方2.6.14版本
03-11
vue.min.js官方2.6.14版本
vue.js和vue.min.js
06-13
vue.js和vue.min.js
微信小程序Demo：心音乐 （仿QQ音乐）
03-15
SmallApp-For-QQmusic 微信小程序Demo，仿QQ音乐 实现功能 热门歌单 TOP 搜索 播放、暂停、歌词滚动、播放进度 接下要实现的功能 单曲循环、列表循环播放 上、下首播放 音量控制 免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。
2019最新版QQ音乐api调用(原创)
热门推荐
xiayiye5的博客
03-08 7万+
下载QQ音乐任意歌曲方法： 1.首先在QQ音乐任意播放页面 2.进入开发者模式按F12即可 3.选择network，按ctrl+R进行筛选多媒体文件 4.优先选择大小排序右击最大的多媒体文件出来快捷菜单，选择如下图的选项即可进入歌曲播放页面 5.如下链接就是播放个去链接：其中这是歌曲名称：C1L0001ApDs72gYqUk.m4a 名称里面的C1代表...
qq音乐接口请求踩坑
github_39274378的博客
08-14 4283
1 通用参数设置 config.js export const commonParams={ g_tk:5381, inCharset:'utf-8', outCharset:'utf-8', notice:0, format:'jsonp' }; export const options={ param:'jsonpCallback' }; 2  直接通过js...
vue.js最新版获取QQ音乐播放源
sinat_26229211的博客
07-17 5416
最近在学习使用vue写一个播放器，一直获取不到正确的播放源，QQ对这块限制更加严格了.按照之前的写法，现在已经不能获取到播放源了. 首先,要去抓取QQ音乐的播放源 1.首先在QQ音乐任意播放页面 2.进入开发者模式按F12即可,选择network，按ctrl+R进行筛选多媒体文件,按照size倒序,最大的就是我们要找的音乐文件了 3.选择如下图的选项(open in new tab)即...
【VUE音乐播放器】获取QQ音乐播放源地址
劲枫的博客
02-01 6756
前言：在学习慕课网课程制作企业级音乐app中，发现之前的qq音乐播放地址均不可用了。于是折腾了一下，重新抓包获取地址。  1、获取分类歌单里面的歌曲列表 在之前的代码里，如下红色圆中的歌单-歌曲列表显示不出来，因为之前qq音乐改变了源地址，现在只能通过node来做接入层转发一下。 原来获取歌单列表的代码： 发现不能获取了，如果发现报错Uncaught ReferenceError:...
vue 调用qq音乐music播放api解决方案
Daisy
05-16 1261
https://xingqiao.gitbooks.io/qmplayer/content/ index.html引入 script <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue-music</title> ...
QQ音乐 最新歌曲源 API(稳定)
如果不是现在，那是什么时候呢
04-18 1万+
//2019.04.19 这次我真的找到可用的api了， 兄弟们，http://ustbhuangyi.com/music/#/singer，可以先去这个地址研究一哈，大佬用vue写的 // 11.29 更新 http://isure.stream.qqmusic.qq.com/C400003tAqVn0Fj6BS.m4a?guid=4208080920&vkey=037CB...
使用vue全家桶开发音乐App
github_38376667的博客
05-07 2181
使用vue2.0制作的音乐播放器（基于qq音乐api）持续更新中…前段时间逛论坛，无意间看到了一个大神用vue写的音乐播放器，于是就手热自己写了一个 关于我，欢迎关注 作者：潇禹 源代码源代码地址：GitHub 欢迎大家star和follow在线预览在线预览地址： Vue音乐播放器 (PC端请在浏览器的移动端模式下查看)预览图使用 Build Setup# install depen
vue.js最新版安装
02-04
Vue.js是一款流行的JavaScript框架，用于构建用户界面。下面是Vue.js最新版的安装步骤： 1. 首先，你需要在你的项目中安装Node.js。你可以从Node.js官方网站（https://nodejs.org）下载并安装适合你操作系统的版本。 2. 安装完成后，打开终端或命令提示符，检查Node.js和npm（Node包管理器）是否成功安装。运行以下命令： ``` node -v npm -v ``` 如果能够正确显示版本号，则说明安装成功。 3. 接下来，你可以使用npm来安装Vue.js。运行以下命令： ``` npm install vue@next ``` 这将会安装Vue.js的最新版本。 4. 安装完成后，你可以在你的项目中引入Vue.js。你可以在HTML文件中使用`<script>`标签引入Vue.js，也可以在JavaScript文件中使用`import`语句引入Vue.js。 如果你选择在HTML文件中引入Vue.js，可以使用以下代码： ```html <script src="https://unpkg.com/vue@next"></script> ``` 如果你选择在JavaScript文件中引入Vue.js，可以使用以下代码： ```javascript import { createApp } from 'vue'; ``` 5. 现在，你已经成功安装了Vue.js最新版，并可以开始使用它来构建你的应用程序了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

姚辉乾

创作不易

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值