TypechoJoeTheme

爱微网络科技 - 致力于打造一个分享技术网

登录
用户名
密码
/
注册
用户名
邮箱
输入密码
确认密码

夏金

网站页面
类目归类
标签搜索
网站教程

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

夏金博主
2022-09-28
/
134 评论
/
2,623 阅读
/
253 个字
/
百度已收录
09/28
本文最后更新于2023年10月08日，已超过225天没有更新。如果文章内容或图片资源失效，请留言反馈，我会及时处理，谢谢！

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

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

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

代码如下

{hide}
<div id="aplayer" class="aplayer" data-order="random" data-id="2624873470" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="true" data-volume="0.8"></div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css";>
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js";></script>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js";></script>
<script src="https://cdn.jsdelivr.net/npm/meting@1.2.0/dist/Meting.min.js";></script>
<script src="https://cdn.jsdelivr.net/gh/kaygb/kaygb@master/layer/layer.js";></script>
<script src="https://cdn.jsdelivr.net/gh/kaygb/kaygb@master/js/v3.js";></script>{/hide}

网页音乐播放器
朗读
赞（20）
版权属于：

爱微网络科技 - 致力于打造一个分享技术网

本文链接：

https://blog.rr11.cn/index.php/archives/377/（转载时请注明本文出处及文章链接）

作品采用：

《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权

评论 (134)
  1. 572 闲逛
    Windows 10 · FireFox

    66666666666666666666六

    2022-09-28 回复
  2. 江澈 闲逛
    Android · Google Chrome

    路过看看

    2022-09-29 回复
    1. 孤城落花 闲逛
      Android · Google Chrome
      @江澈

      你好

      2023-02-18 回复
  3. 1 闲逛
    Android · Google Chrome

    看看

    2022-09-29 回复
  4. 让他交头接耳 闲逛
    Windows 10 · Google Chrome

    154854485485VS啊

    2022-09-29 回复
  5. 11 闲逛
    Windows 10 · Google Chrome

    6666666666六

    2022-09-29 回复
  6. zf在 闲逛
    Windows 10 · Google Chrome

    6666666666六

    2022-09-30 回复
  7. 896 闲逛
    Windows 10 · QQ Browser

    666666看

    2022-10-01 回复
  8. 林子沫 闲逛
    Linux · Google Chrome

    66466464666666六

    2022-10-01 回复
  9. 十一月 闲逛
    Windows 7 · Google Chrome

    感谢分享

    2022-10-02 回复
  10. 123 闲逛
    Android · Google Chrome

    6六

    2022-10-02 回复
  11. 影鹿awa 博主
    Android Oreo · Google Chrome

    96666666666六

    2022-10-02 回复
  12. 猫猫 闲逛
    Windows 10 · Google Chrome

    6666666666666666牛

    2022-10-02 回复
  13. xiyu 闲逛
    Windows 10 · Google Chrome

    感谢大佬

    2022-10-02 回复
  14. 安放 闲逛
    Windows 10 · Google Chrome

    大数据时代是

    2022-10-03 回复
  15. wsfwfdrd威威 闲逛
    Windows 10 · Google Chrome

    fwfwfwsfsf防擦擦

    2022-10-03 回复
  16. 1 闲逛
    Windows 10 · Google Chrome

    1das实打实

    2022-10-04 回复
  17. 隔壁小胡 闲逛
    Windows 10 · Google Chrome

    666路过

    2022-10-04 回复
  18. 真心 闲逛
    Windows 7 · Google Chrome

    66666666牛

    2022-10-09 回复
  19. 11111 闲逛
    Windows 10 · Google Chrome

    66666666666666666666666了

    2022-10-09 回复
  20. 1111 闲逛
    Windows 10 · Google Chrome

    6666放到

    2022-10-10 回复
  21. gwegwegewgw 闲逛
    Windows 10 · Google Chrome

    qwwwwsave 三个

    2022-10-13 回复
  22. 。 闲逛
    Android · QQ Browser

    66骨

    2022-10-14 回复
  23. 晚枫 闲逛
    Windows 10 · FireFox

    666好奇

    2022-10-15 回复
  24. 1819227273 博主
    MacOS · Google Chrome

    哦哦哦

    2022-10-16 回复
  25. 苏少 闲逛
    Windows 10 · Google Chrome

    asd比

    2022-10-17 回复
  26. 回复 闲逛
    Android · Google Chrome

    6666我w10

    2022-10-19 回复
  27. eree 闲逛
    Windows 10 · Google Chrome

    er'e的地方d'fdf

    2022-10-19 回复
  28. 苏少 闲逛
    Windows 10 · Google Chrome

    额问问我

    2022-10-23 回复
  29. 123 闲逛
    Windows 10 · Google Chrome

    6666666666挺不错

    2022-10-23 回复
  30. 666 闲逛
    Android · Google Chrome

    6666啊

    2022-10-25 回复
  31. 2李 闲逛
    Windows 10 · Google Chrome

    66666六

    2022-10-26 回复
  32. 莫失 闲逛
    iPhone · Safari

    123只不过

    2022-10-28 回复
  33. 123 闲逛
    Windows 10 · Google Chrome

    看看

    2022-10-30 回复
  34. 133 闲逛
    Windows 10 · Google Chrome

    12313a六

    2022-10-30 回复
  35. sd 闲逛
    Windows 10 · Google Chrome

    k看

    2022-10-31 回复
  36. das dsa d 闲逛
    Windows 10 · Google Chrome

    dsa das sa 是

    2022-11-02 回复
  37. xxyxzz 闲逛
    Windows 10 · Google Chrome

    nice不错

    2022-11-02 回复
  38. 萧风 闲逛
    Android · Google Chrome

    666666666666666六

    2022-11-03 回复
  39. 2145 闲逛
    Windows 10 · Google Chrome

    666是的

    2022-11-03 回复
  40. huahao 闲逛
    Windows 10 · Google Chrome

    1111一一一

    2022-11-04 回复
  41. 路麟jh 闲逛
    Android · Google Chrome

    6666bj大

    2022-11-05 回复
  42. 实体图 闲逛
    Windows 7 · Google Chrome

    2022116好

    2022-11-06 回复
  43. 闲逛
    iPhone · Safari

    5啊

    2022-11-09 回复
  44. 1 闲逛
    Android · Google Chrome

    牛哇

    2022-11-09 回复
  45. 42752 闲逛
    Windows 8.1 · Google Chrome

    niub牛

    2022-11-09 回复
  46. 1 闲逛
    Linux · Google Chrome

    6666六

    2022-11-09 回复
  47. 1231 闲逛
    Windows 10 · Google Chrome

    12321321312

    2022-11-13 回复
  48. DaXiangzi 闲逛
    Android · Google Chrome

    666

    2022-11-13 回复
  49. 1535 闲逛
    Windows 10 · Google Chrome

    l

    2022-11-13 回复
  50. 1156791600 闲逛
    Android · Google Chrome

    66558

    2022-11-14 回复
  51. nianyi 闲逛
    Windows 10 · Google Chrome

    66666666666666666666

    2022-11-16 回复
  52. 4454 闲逛
    Windows 10 · Google Chrome

    66666666666666666666六

    2022-11-16 回复
  53. asdasdas 闲逛
    Windows 10 · Google Chrome

    asdasdasdasdasdasda

    2022-11-17 回复
  54. 请问请问 去问问 闲逛
    Windows 10 · Google Chrome

    玩法师打发斯蒂芬

    2022-11-17 回复
  55. svip 闲逛
    Windows 10 · Google Chrome

    666666666

    2022-11-19 回复
  56. 304303454 闲逛
    Windows 10 · Google Chrome

    6666666666666

    2022-11-22 回复
  57. vast 闲逛
    MacOS · Google Chrome

    feic haoyongwxh

    2022-11-22 回复
  58. music 闲逛
    Windows 10 · FireFox

    1

    2022-11-23 回复
  59. iwpdo 闲逛
    Windows 10 · Google Chrome

    666666666666666

    2022-11-24 回复
  60. 苏少 闲逛
    Windows 10 · Google Chrome

    fgrtew

    2022-11-28 回复
  61. axx 博主
    Windows 10 · Google Chrome

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

    2022-11-28 回复
  62. 哈哈 闲逛
    Windows 10 · Google Chrome

    6666666666666666

    2022-12-02 回复
  63. 刚刚 闲逛
    Windows 10 · Google Chrome

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

    2022-12-04 回复
  64. ibao 闲逛
    Windows 10 · Google Chrome

    我看看是啥

    2022-12-10 回复
  65. 孤独的鸟 闲逛
    Windows 10 · QQ Browser

    嗯嗯

    2022-12-23 回复
  66. 33 闲逛
    Windows 10 · Google Chrome

    路过看看

    2022-12-26 回复
  67. 11111 闲逛
    iPhone · Safari

    qqqqq

    2022-12-26 回复
  68. 666 闲逛
    Windows 10 · Google Chrome

    666

    2022-12-29 回复
  69. 6 闲逛
    Android Oreo · Google Chrome

    66

    2023-01-03 回复
  70. 十一月 闲逛
    Windows 7 · Google Chrome

    感谢分享

    2023-01-05 回复
  71. 阿萨 闲逛
    Windows 10 · Google Chrome

    :$(爱你)

    2023-01-05 回复
  72. 398769364@qq.com 闲逛
    Windows 10 · Google Chrome

    123456789

    2023-01-13 回复
  73. 1 闲逛
    Windows 10 · Google Chrome

    1

    2023-01-15 回复
  74. 1 闲逛
    Windows 10 · Google Chrome

    666

    2023-01-16 回复
  75. 苏南 闲逛
    Android · Google Chrome

    6666666666666666666

    2023-01-20 回复
  76. 付守11 闲逛
    Windows 10 · Google Chrome

    很好

    2023-01-21 回复
  77. me 闲逛
    Android · Google Chrome

    来看看

    2023-01-22 回复
  78. 66 闲逛
    Android · Google Chrome

    66

    2023-01-22 回复
  79. 林 闲逛
    Android · Google Chrome

    1

    2023-01-26 回复
  80. shshhs 闲逛
    Android · Google Chrome

    好的好的好好多好多的话

    2023-01-26 回复
  81. z 闲逛
    Android · Google Chrome

    6666

    2023-01-27 回复
  82. 小圣 闲逛
    Windows 10 · QQ Browser

    6666666

    2023-01-27 回复
  83. XG 闲逛
    Android · Google Chrome

    666666

    2023-01-28 回复
  84. 路过 闲逛
    Windows 10 · Google Chrome

    看看

    2023-01-28 回复
  85. 123 闲逛
    Android Pie · Google Chrome

    122233

    2023-01-28 回复
  86. 666 闲逛
    Android · Google Chrome

    666

    2023-02-01 回复
  87. demo 闲逛
    Linux · Google Chrome

    6666

    2023-02-03 回复
  88. 炑冉 闲逛
    Android · Google Chrome

    6

    2023-02-03 回复
  89. aie 闲逛
    Windows 10 · Google Chrome

    6666666

    2023-02-04 回复
  90. 宇宙 闲逛
    Android Pie · Google Chrome

    |´・ω・)ノ感谢！

    2023-02-05 回复
  91. q 闲逛
    Android · Google Chrome

    66666666666666666

    2023-02-06 回复
  92. 1 闲逛
    Android · Google Chrome

    看看

    2023-02-09 回复
  93. 问问 闲逛
    Android · Google Chrome

    可见

    2023-02-12 回复
  94. 66 闲逛
    Windows 10 · Google Chrome

    666666666666666666666666

    2023-02-15 回复
  95. 11111 闲逛
    Windows 10 · Google Chrome

    1111

    2023-02-17 回复
  96. sssss 闲逛
    Windows 10 · QQ Browser

    ffsfsfsf

    2023-02-20 回复
  97. 111 闲逛
    Windows 10 · Google Chrome

    666

    2023-02-22 回复
  98. Annie 闲逛
    Windows 10 · Google Chrome

    谢谢

    2023-02-23 回复
  99. 572 闲逛
    Windows 10 · FireFox

    66666

    2023-03-17 回复
  100. 十一月 闲逛
    Windows 10 · Google Chrome

    感谢分享！

    2023-03-19 回复
  101. ./cpolar http 80 闲逛
    Android · Google Chrome

    :$(爱心)

    2023-03-23 回复
  102. visjia 闲逛
    Windows 10 · Google Chrome

    66666666666666666666六丰富的

    2023-03-25 回复
  103. 5555 闲逛
    Windows 10 · Google Chrome

    66666

    2023-03-27 回复
  104. 哈哈哈 闲逛
    Windows 10 · QQ Browser

    0.06666666666666666

    2023-03-28 回复
  105. ls 闲逛
    Windows 10 · FireFox

    6

    2023-03-28 回复
  106. 忧骨 闲逛
    Android · Google Chrome

    6啊

    2023-04-01 回复
  107. wm 闲逛
    Android · Google Chrome

    hahha

    2023-04-07 回复
  108. yy 闲逛
    Android · Google Chrome

    :$(鼓掌)

    2023-04-11 回复
  109. 汤圆啾 闲逛
    iPhone · Safari

    过来看看

    2023-04-23 回复
  110. 阿洋 闲逛
    Windows 7 · Google Chrome

    666666666666666666666

    2023-04-27 回复
  111. 阿豪 闲逛
    Android · QQ Browser

    看看

    2023-04-29 回复
  112. 456 闲逛
    Windows 10 · Google Chrome

    55555555555555555666666666666666666666666666

    2023-04-29 回复
  113. shdj 闲逛
    Android · QQ Browser

    jsjsns

    2023-05-01 回复
  114. 2121 闲逛
    Windows 10 · QQ Browser

    121

    2023-05-03 回复
  115. 1 闲逛
    Android Pie · Google Chrome

    1

    2023-05-06 回复
  116. rdeg 闲逛
    Windows 10 · Google Chrome

    bfdsxb dmfd每年都会被

    2023-05-10 回复
  117. 114514 闲逛
    Linux · Google Chrome

    6

    2023-05-14 回复
  118. a 闲逛
    iPhone · Google Chrome

    66666666666666666666

    2023-05-25 回复
  119. 121 闲逛
    Windows 10 · Google Chrome

    51541563

    2023-05-25 回复
  120. ssss 闲逛
    MacOS · FireFox

    666

    2023-06-01 回复
  121. xueren 闲逛
    Android · QQ Browser

    666666666666666支持作者

    2023-06-14 回复
  122. 576 闲逛
    Windows 10 · Google Chrome

    看一看

    2023-06-24 回复
  123. 嘤嘤嘤 闲逛
    Android · Google Chrome

    66666666666

    2023-06-26 回复
  124. kk 闲逛
    Windows 10 · Google Chrome

    666

    2023-07-22 回复
  125. 牛逼 闲逛
    Android Pie · Google Chrome

    牛逼感谢

    2023-07-23 回复
  126. 12 闲逛
    Windows 10 · Google Chrome

    1221

    2023-07-26 回复
  127. 1 闲逛
    Windows 10 · Google Chrome

    6666

    2023-07-27 回复
  128. 572 闲逛
    Windows 10 · Google Chrome

    kk11

    2023-07-29 回复
  129. 强无敌 闲逛
    Windows 10 · Google Chrome

    666666666666666666666我

    2023-07-30 回复
  130. 神气 博主
    Windows 10 · Google Chrome

    555555

    2023-08-08 回复
  131. 晚枫 闲逛
    Windows 10 · Google Chrome

    666

    2023-08-11 回复
  132. Kamis 博主
    Windows 10 · Google Chrome

    hao

    2023-08-17 回复
  133. r 闲逛
    Android · Google Chrome

    好用

    2023-09-15 回复
夏金闲逛
访问 608839 ℃
25 文章数
461 评论量

互动读者

人生倒计时

今日已经过去小时
这周已经过去天
本月已经过去天
今年已经过去个月

最新回复

  1. pjhTkBqKvINUSec闲逛
    2024-03-14

    HDfoLEezNRkG
  2. pjhTkBqKvINUSec闲逛
    2024-03-14

    WNhLQEaxKDily
  3. pjhTkBqKvINUSec闲逛
    2024-03-14

    UawBRhItKy
  4. pjhTkBqKvINUSec闲逛
    2024-03-14

    TROvAlsm
  5. pjhTkBqKvINUSec闲逛
    2024-03-14

    IrAsVgkNSm
2019 - 2020 © Reach - laolion

站点已稳定运行：

RSS MAP
繁