网页音乐播放器歌单调用代码

夏天吖
夏天吖
2年前发布 /正在检测是否收录...
134 1,410 1

1.我们做好网站是不是都想在自己的网站里面加个歌曲？
2.好的这篇教程就是帮您实现这个功能的
3.以前艾薇旗下也有一款免费html播放器(music.aivei.top)程序使用梨花带雨播放器，播放器的api官方给维护了，所有搭建从都无法使用了，现在网站上面加个播放器深受广大网友的喜爱，艾薇这边给大家一个直接调用网易云歌单播放的代码
4.我们来看看网页里面的效果
1.PNG

我们可以看到缩小后就是一个正方形还是很简洁的

使用方法，直接将代码放源码首页文件结尾的里面即可！
更换播放器音乐方法在代码data-id="2624873470"中2624873470就是网易云的歌单id，网页登陆网易云找到自己的歌单music.163.com/#/my/m/music/playlist?id=2624873470，里面的id=2624873470就是歌单的id然后在更换自己的就是自己的歌单id就可以了

代码如下

© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
网站教程
# 网页音乐播放器
喜欢就支持一下吧
点赞 1 分享 收藏
版权属于：夏天吖
本文链接：https://blog.rr11.cn/377.html
作品采用《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
评论 共134条
取消
  1. 头像
    572
    Windows 10 · FireFox

    66666666666666666666六

    回复
  2. 头像
    江澈
    Android · Google Chrome

    路过看看

    回复
    1. 头像
      孤城落花
      Android · Google Chrome
      @ 江澈

      你好

      回复
  3. 头像
    1
    Android · Google Chrome

    看看

    回复
  4. 头像
    让他交头接耳
    Windows 10 · Google Chrome

    154854485485VS啊

    回复
  5. 头像
    11
    Windows 10 · Google Chrome

    6666666666六

    回复
  6. 头像
    zf在
    Windows 10 · Google Chrome

    6666666666六

    回复
  7. 头像
    896
    Windows 10 · QQ Browser

    666666看

    回复
  8. 头像
    林子沫
    Linux · Google Chrome

    66466464666666六

    回复
  9. 头像
    十一月
    Windows 7 · Google Chrome

    感谢分享

    回复
  10. 头像
    123
    Android · Google Chrome

    6六

    回复
  11. 头像
    影鹿awa
    Android Oreo · Google Chrome

    96666666666六

    回复
  12. 头像
    猫猫
    Windows 10 · Google Chrome

    6666666666666666牛

    回复
  13. 头像
    xiyu
    Windows 10 · Google Chrome

    感谢大佬

    回复
  14. 头像
    安放
    Windows 10 · Google Chrome

    大数据时代是

    回复
  15. 头像
    wsfwfdrd威威
    Windows 10 · Google Chrome

    fwfwfwsfsf防擦擦

    回复
  16. 头像
    1
    Windows 10 · Google Chrome

    1das实打实

    回复
  17. 头像
    隔壁小胡
    Windows 10 · Google Chrome

    666路过

    回复
  18. 头像
    真心
    Windows 7 · Google Chrome

    66666666牛

    回复
  19. 头像
    11111
    Windows 10 · Google Chrome

    66666666666666666666666了

    回复
  20. 头像
    1111
    Windows 10 · Google Chrome

    6666放到

    回复
  21. 头像
    gwegwegewgw
    Windows 10 · Google Chrome

    qwwwwsave 三个

    回复
  22. 头像
    。
    Android · QQ Browser

    66骨

    回复
  23. 头像
    晚枫
    Windows 10 · FireFox

    666好奇

    回复
  24. 头像
    1819227273
    MacOS · Google Chrome

    哦哦哦

    回复
  25. 头像
    苏少
    Windows 10 · Google Chrome

    asd比

    回复
  26. 头像
    回复
    Android · Google Chrome

    6666我w10

    回复
  27. 头像
    eree
    Windows 10 · Google Chrome

    er'e的地方d'fdf

    回复
  28. 头像
    苏少
    Windows 10 · Google Chrome

    额问问我

    回复
  29. 头像
    123
    Windows 10 · Google Chrome

    6666666666挺不错

    回复
  30. 头像
    666
    Android · Google Chrome

    6666啊

    回复
  31. 头像
    2李
    Windows 10 · Google Chrome

    66666六

    回复
  32. 头像
    莫失
    iPhone · Safari

    123只不过

    回复
  33. 头像
    123
    Windows 10 · Google Chrome

    看看

    回复
  34. 头像
    133
    Windows 10 · Google Chrome

    12313a六

    回复
  35. 头像
    sd
    Windows 10 · Google Chrome

    k看

    回复
  36. 头像
    das dsa d
    Windows 10 · Google Chrome

    dsa das sa 是

    回复
  37. 头像
    xxyxzz
    Windows 10 · Google Chrome

    nice不错

    回复
  38. 头像
    萧风
    Android · Google Chrome

    666666666666666六

    回复
  39. 头像
    2145
    Windows 10 · Google Chrome

    666是的

    回复
  40. 头像
    huahao
    Windows 10 · Google Chrome

    1111一一一

    回复
  41. 头像
    路麟jh
    Android · Google Chrome

    6666bj大

    回复
  42. 头像
    实体图
    Windows 7 · Google Chrome

    2022116好

    回复
  43. 头像
    iPhone · Safari

    5啊

    回复
  44. 头像
    1
    Android · Google Chrome

    牛哇

    回复
  45. 头像
    42752
    Windows 8.1 · Google Chrome

    niub牛

    回复
  46. 头像
    1
    Linux · Google Chrome

    6666六

    回复
  47. 头像
    1231
    Windows 10 · Google Chrome

    12321321312

    回复
  48. 头像
    DaXiangzi
    Android · Google Chrome

    666

    回复
  49. 头像
    1535
    Windows 10 · Google Chrome

    l

    回复
  50. 头像
    1156791600
    Android · Google Chrome

    66558

    回复
  51. 头像
    nianyi
    Windows 10 · Google Chrome

    66666666666666666666

    回复
  52. 头像
    4454
    Windows 10 · Google Chrome

    66666666666666666666六

    回复
  53. 头像
    asdasdas
    Windows 10 · Google Chrome

    asdasdasdasdasdasda

    回复
  54. 头像
    请问请问 去问问
    Windows 10 · Google Chrome

    玩法师打发斯蒂芬

    回复
  55. 头像
    svip
    Windows 10 · Google Chrome

    666666666

    回复
  56. 头像
    304303454
    Windows 10 · Google Chrome

    6666666666666

    回复
  57. 头像
    vast
    MacOS · Google Chrome

    feic haoyongwxh

    回复
  58. 头像
    music
    Windows 10 · FireFox

    1

    回复
  59. 头像
    iwpdo
    Windows 10 · Google Chrome

    666666666666666

    回复
  60. 头像
    苏少
    Windows 10 · Google Chrome

    fgrtew

    回复
  61. 头像
    axx
    Windows 10 · Google Chrome

    虽然是添加了歌单 但好像只播放歌单里的第一首...没有下一首了...

    回复
  62. 头像
    哈哈
    Windows 10 · Google Chrome

    6666666666666666

    回复
  63. 头像
    刚刚
    Windows 10 · Google Chrome

    能实现自动播放吗:$(调皮)

    回复
  64. 头像
    ibao
    Windows 10 · Google Chrome

    我看看是啥

    回复
  65. 头像
    孤独的鸟
    Windows 10 · QQ Browser

    嗯嗯

    回复
  66. 头像
    33
    Windows 10 · Google Chrome

    路过看看

    回复
  67. 头像
    11111
    iPhone · Safari

    qqqqq

    回复
  68. 头像
    666
    Windows 10 · Google Chrome

    666

    回复
  69. 头像
    6
    Android Oreo · Google Chrome

    66

    回复
  70. 头像
    十一月
    Windows 7 · Google Chrome

    感谢分享

    回复
  71. 头像
    阿萨
    Windows 10 · Google Chrome

    :$(爱你)

    回复
  72. 头像
    398769364@qq.com
    Windows 10 · Google Chrome

    123456789

    回复
  73. 头像
    1
    Windows 10 · Google Chrome

    1

    回复
  74. 头像
    1
    Windows 10 · Google Chrome

    666

    回复
  75. 头像
    苏南
    Android · Google Chrome

    6666666666666666666

    回复
  76. 头像
    付守11
    Windows 10 · Google Chrome

    很好

    回复
  77. 头像
    me
    Android · Google Chrome

    来看看

    回复
  78. 头像
    66
    Android · Google Chrome

    66

    回复
  79. 头像
    林
    Android · Google Chrome

    1

    回复
  80. 头像
    shshhs
    Android · Google Chrome

    好的好的好好多好多的话

    回复
  81. 头像
    z
    Android · Google Chrome

    6666

    回复
  82. 头像
    小圣
    Windows 10 · QQ Browser

    6666666

    回复
  83. 头像
    XG
    Android · Google Chrome

    666666

    回复
  84. 头像
    路过
    Windows 10 · Google Chrome

    看看

    回复
  85. 头像
    123
    Android Pie · Google Chrome

    122233

    回复
  86. 头像
    666
    Android · Google Chrome

    666

    回复
  87. 头像
    demo
    Linux · Google Chrome

    6666

    回复
  88. 头像
    炑冉
    Android · Google Chrome

    6

    回复
  89. 头像
    aie
    Windows 10 · Google Chrome

    6666666

    回复
  90. 头像
    宇宙
    Android Pie · Google Chrome

    |´・ω・)ノ感谢！

    回复
  91. 头像
    q
    Android · Google Chrome

    66666666666666666

    回复
  92. 头像
    1
    Android · Google Chrome

    看看

    回复
  93. 头像
    问问
    Android · Google Chrome

    可见

    回复
  94. 头像
    66
    Windows 10 · Google Chrome

    666666666666666666666666

    回复
  95. 头像
    11111
    Windows 10 · Google Chrome

    1111

    回复
  96. 头像
    sssss
    Windows 10 · QQ Browser

    ffsfsfsf

    回复
  97. 头像
    111
    Windows 10 · Google Chrome

    666

    回复
  98. 头像
    Annie
    Windows 10 · Google Chrome

    谢谢

    回复
  99. 头像
    572
    Windows 10 · FireFox

    66666

    回复
  100. 头像
    十一月
    Windows 10 · Google Chrome

    感谢分享！

    回复
  101. 头像
    ./cpolar http 80
    Android · Google Chrome

    :$(爱心)

    回复
  102. 头像
    visjia
    Windows 10 · Google Chrome

    66666666666666666666六丰富的

    回复
  103. 头像
    5555
    Windows 10 · Google Chrome

    66666

    回复
  104. 头像
    哈哈哈
    Windows 10 · QQ Browser

    0.06666666666666666

    回复
  105. 头像
    ls
    Windows 10 · FireFox

    6

    回复
  106. 头像
    忧骨
    Android · Google Chrome

    6啊

    回复
  107. 头像
    wm
    Android · Google Chrome

    hahha

    回复
  108. 头像
    yy
    Android · Google Chrome

    :$(鼓掌)

    回复
  109. 头像
    汤圆啾
    iPhone · Safari

    过来看看

    回复
  110. 头像
    阿洋
    Windows 7 · Google Chrome

    666666666666666666666

    回复
  111. 头像
    阿豪
    Android · QQ Browser

    看看

    回复
  112. 头像
    456
    Windows 10 · Google Chrome

    55555555555555555666666666666666666666666666

    回复
  113. 头像
    shdj
    Android · QQ Browser

    jsjsns

    回复
  114. 头像
    2121
    Windows 10 · QQ Browser

    121

    回复
  115. 头像
    1
    Android Pie · Google Chrome

    1

    回复
  116. 头像
    rdeg
    Windows 10 · Google Chrome

    bfdsxb dmfd每年都会被

    回复
  117. 头像
    114514
    Linux · Google Chrome

    6

    回复
  118. 头像
    a
    iPhone · Google Chrome

    66666666666666666666

    回复
  119. 头像
    121
    Windows 10 · Google Chrome

    51541563

    回复
  120. 头像
    ssss
    MacOS · FireFox

    666

    回复
  121. 头像
    xueren
    Android · QQ Browser

    666666666666666支持作者

    回复
  122. 头像
    576
    Windows 10 · Google Chrome

    看一看

    回复
  123. 头像
    嘤嘤嘤
    Android · Google Chrome

    66666666666

    回复
  124. 头像
    kk
    Windows 10 · Google Chrome

    666

    回复
  125. 头像
    牛逼
    Android Pie · Google Chrome

    牛逼感谢

    回复
  126. 头像
    12
    Windows 10 · Google Chrome

    1221

    回复
  127. 头像
    1
    Windows 10 · Google Chrome

    6666

    回复
  128. 头像
    572
    Windows 10 · Google Chrome

    kk11

    回复
  129. 头像
    强无敌
    Windows 10 · Google Chrome

    666666666666666666666我

    回复
  130. 头像
    神气
    Windows 10 · Google Chrome

    555555

    回复
  131. 头像
    晚枫
    Windows 10 · Google Chrome

    666

    回复
  132. 头像
    Kamis
    Windows 10 · Google Chrome

    hao

    回复
  133. 头像
    r
    Android · Google Chrome

    好用

    回复
易航博客