如何获得QQ音乐官方外链播放器并嵌入进网页

前言

最近网易云的外链播放器,出现了手机无法正常显示的问题,于是开始寻找替代品,QQ音乐就比较合适,但是找遍了官网也没找到添加外链播放器的选项,其实是有的,但是需要自己操作一下,所以就写了这篇教程,希望能帮助到大家

获取音乐ID

首先是获取音乐ID

PS:QQ音乐的音乐ID是纯数字的,不含其他字符 如果你复制的音乐ID含有其他字符,请查看是否复制错误
PS:音乐ID只能在PC网页版获取,移动端是不行的哦,如果你没有PC的话,可以浏览器开查看桌面网页获取

网页获取

如果你想要的音乐直接可以在PC网页端搜索到的话,搜索你要的音乐,点进去之后,点击更多,分享,复制链接

你会得到这么一串链接

https://i.y.qq.com/v8/playsong.html?songid=127570280&songtype=0#webchat_redirect

songid=后面的这串数字”127570280″就是音乐ID啦,接下来我会讲搜不到该怎么获得ID,已经拿到的请看合成链接

如果我搜索不到呢,这就需要

客户端获取

打开你的QQ音乐客户端,搜索你想要的音乐

(PC客户端:鼠标放在歌曲的名称上面,点击出现的三个白点,点击分享,在弹出的窗口选择复制链接,打开浏览器,进入链接,点击更多,分享,复制链接)

(移动端:搜索你想要的音乐,打开,点击右上角的箭头,在弹出的界面里选择复制链接,在浏览器打开,开启查看桌面网页,点击更多,分享,复制链接)

合成链接

https://i.y.qq.com/n2/m/outchain/player/index.html?songid=替换我&songtype=0

这是一个QQ音乐外链播放器链接示列,只要把”替换我”替换成你的音乐ID就可以了

就像这样

https://i.y.qq.com/n2/m/outchain/player/index.html?songid=127570280&songtype=0

是不是很简单?

iframe嵌入网页

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=宽度参数 height=高度参数 src="链接放在这里"></iframe>

你需要把”链接放在这里”替换成你的外链,还需要把”高度参数”和”宽度参数”替换成你需要的高度和宽度

效果

#演示代码 by:xiau.net
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=320 height=65 src="https://i.y.qq.com/n2/m/outchain/player/index.html?songid=127570280&songtype=0"></iframe>

效果

本文标题:如何获得QQ音乐官方外链播放器并嵌入进网页
本文链接:https://xiau.net/559.html/
转载需注明出处(*σ´∀`)σ

评论

  1. fengzyzy
    Windows Chrome 123.0.0.0
    7 月前
    2024-5-09 15:46:24

    很好用(๑•̀ㅂ•́)و✧

    • 博主
      fengzyzy
      Android Chrome 123.0.0.0
      7 月前
      2024-5-10 21:38:27

      ヾ(≧∇≦*)ゝ很高兴能帮助到你。

  2. 执迷者
    Windows Edge 128.0.0.0
    3 月前
    2024-9-17 15:54:28

    学到了学到了,我居然和大佬用的同一个主题

    • 博主
      执迷者
      Android Chrome 124.0.0.0
      3 月前
      2024-9-17 19:51:35

      是嘛,那我们还挺有缘的ヾ(≧∇≦*)ゝ

  3. FMoran
    Windows Chrome 129.0.0.0
    3 月前
    2024-9-18 16:01:22

    谢谢,之前一直用网易云的嵌入播放器,但是移动端无法显示,换成QQ音乐就都能显示了。

    • 博主
      FMoran
      Android Chrome 124.0.0.0
      3 月前
      2024-9-18 23:53:06

      不用谢,能帮助到你就最好啦
      ヾ(≧∇≦*)ゝ

  4. for
    Windows Chrome 130.0.0.0
    3 周前
    2024-11-18 21:52:10

    谢谢xixiヾ(≧∇≦*)ゝ

    • 博主
      for
      Android Chrome 124.0.0.0
      2 周前
      2024-11-22 19:48:08

      嘿嘿,能帮到你就是最好的哇|´・ω・)ノ

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇