在自己的网站上添加HTML悬浮音乐播放器APlayer & MetingJS

菜鸟修炼之路

已于 2022-05-04 19:21:17 修改

阅读量3k

点赞数 6

文章标签： html css js 前端

于 2022-05-04 19:19:11 首次发布

本文链接：https://blog.csdn.net/weixin_44081211/article/details/124574902

版权

本文介绍了如何将APlayer音乐播放器与MetingJS库集成到HTML页面中，包括引入资源、设置参数和实现不同类型的音乐播放。重点在于展示如何通过data属性控制播放体验并列举了关键参数和平台选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官方文档

https://github.com/MoePlayer/APlayer
https://github.com/metowolf/MetingJS

引入线上的js代码放到你的HTML结构页面中，link链接放在head内部即可。

替换div中的网易云ID号即可

在header上添加

<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">

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

菜鸟修炼之路

关注关注

6
点赞
踩
29

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

HTML给网站加上悬浮音乐播放器-毅世纪资源

weixin_46660180的博客

02-07

2903

给你的网站添加悬浮音乐播放器： ????‍????解析教程：复制下方代码：引入线上的js代码放到你的HTML结构页面中，link链接放在head内部即可。替换div中的网易云ID号改成你的就可以了，so easy啦

HTML悬浮音乐播放器源码自带后台

banzhuan678的博客

05-20

2720

简介：演示地址:music.aibk.cc 首先说点废话：源码0加密/无后门，发信不了，就是你没配置好发信信息环境：国内外服务器都可以用主机无法运行需求环境 php7.3+mysql5.6/5.7 推荐5.7, 设置public为运行目录，thinkphp伪静态安装：导入根目录install.sql到数据库配置config/database.php 数据库信息配置extend/PHPMailer/SendEmail.php 注册发信信息登录管理员账户 admin 123456 php

参与评论您还未登录，请先登录后发表或查看评论

WordPress漂亮的音乐播放器插件Aplayer

03-23

WordPress漂亮的音乐播放器插件Aplayer

js悬浮小球音乐播放器特效代码

03-20

js悬浮小球音乐播放器代码是一款原生js基于audio制作网页悬浮的小球mp3音乐播放器。

APlayer - APlayer 初识（APlayer 初识案例、APlayer 常用事件）

最新发布

weixin_52173250的博客

02-15

328

APlayer - APlayer 初识（APlayer 初识案例、APlayer 常用事件）

2022梨花带雨HTML网页悬浮音乐播放器V3.1版源码

05-27

2022梨花带雨HTML网页悬浮音乐播放器V3.1版源码梨花带雨V3.1 HTML网页悬浮音乐播放器 域名授权+动态歌词+兼容任何网站下载环境需求: php7.3+mysql5.6/5.7 推荐5.7,设置public为运行目录，thinkphp伪静态

悬浮HTML5音乐播放器插件QPlayer

06-01

简洁小巧的HTML5底部悬浮音乐播放器

网页悬浮音乐播放器

03-14

网易云悬浮音乐播放器 网易云悬浮音乐播放器 1、全部文件上传至服务器 —（index.html 底部修改网易云id -修改播放器名字） 2、网易云添加歌单添加歌曲到歌单注：如发现播放器无法播放请访问https://mzla.xiaozouwl.com/wyplayer/wy_list.php?mode=del_cache&parm;=网易主页个人id 清理缓存 ***如不想搭建可直接利用代码 [removed][removed] [removed]auto="open";random="open";name="播放器名字";geci="open";user="网易云ID";welcome="open";tips="欢迎访问我的网站";[removed] [removed][removed] 修改播放器名字网易云ID 演示地址：https://mzla.xiaozouwl.com/

网站添加左下角某易云音乐播放器代码

点滴记忆

11-10

1129

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"> <div class="aplayer" data-id="2440040711" data-server="netease" data-...

给网站添加悬浮音乐播放器

qq_44892120的博客

12-14

1055

【代码】给网站添加悬浮音乐播放器。

给网站增加音乐播放器

罗毅豪的博客

04-23

如何给网站增加音乐播放器呢？我们进入网易云音乐的官网：https://music.163.com/。登录后，进入我的主页选择歌曲或者在歌单中选择歌曲。在歌曲详情页点击生成外链播放器。但是，有一些歌曲由于版权保护，无法生成外链。我们需要选择没有版权保护的歌曲，生成外链。然后复制生成的HTML代码到页面中。该代码是使用<iframe>元素引入窗口，我们需要在src的值前面...

仿浩空明月HTML悬浮式播放器

07-08

仿浩空明月HTML悬浮式播放器仿浩空明月HTML悬浮式播放器

HTML网页悬浮音乐播放器源码

04-12

环境：国内外服务器均可使用需求环境php7.3+mysql5.6/5.7 推荐5.7，设置public为运行目录，thinkphp伪静态安装: 导入根目录install.sql到数据库配置config/database.php 数据库信息配置extend/PHPMailer/SendEmail.php 注册发信信息登录管理员账户 admin 123456 php中删除函数popen和proc_open 已修复无法登录已修复用户中心无法改密码用QQ发不了信的去extend/PHPMailer/SendEmail.php这里，在$mail -> SMTPAuth = true;//开启SMTP授权下面添加两行代码，就搞定了。 $mail -> SMTPSecure = “ssl”; //ssl加密 $mail -> Port = 465; //使用465端口接入其他易支付地址/view/admin/webset.html，第66行开始，复制一个，改成你的接口，改成你的名字，就好了【注意1】如果播放器不加载或提示jQuery问题，

js悬浮小球音乐播放器代码

06-24

js悬浮小球音乐播放器代码是一款原生js基于audio制作网页悬浮的小球mp3音乐播放器。

如何在网页中插入音乐播放器

11-21

这能站你在网页中插入音乐播放器，有兴趣的可能看一下了

网易云音乐播放器源码.rar

07-10

使用PyQt5写的音乐播放器，实现根据关键词（音乐标题、歌手、专辑）进行全网搜索、根据关键词（音乐标题、歌手、专辑）进行全网搜索、根据关键词（音乐标题、歌手、专辑）进行全网搜索、一键传送至手机、一键传送至手机、下载、我是谁？我在哪？我以前听过啥？、给你一个小心心等功能

梨花带雨V3.1 HTML网页悬浮音乐播放器 域名授权+动态歌词+兼容任何网站

04-09

源码简介与安装说明：环境: 国内外服务器都可以用主机无法运行 ...设置public为运行目录，thinkphp伪静态安装: 导入根目录install.sql到数据库 ...在$mail -> SMTPAuth = ...【注意1】如果播放器不加载或提示jQuery问题

如何在自己的网站上添加HTML悬浮音乐播放器？

我是飞飞啊，不一定温柔，但一定自由

10-20

3438

为了美化网站，我在网站上面添加了一个HTML悬浮音乐播放器，先来看看一下效果图。如何在自己的网站上添加HTML悬浮音乐播放器呢？今天和你们分享首先申明三点： 1、本播放器实际上是调用网易音乐云的音乐进行播放，音乐版权归网易云音乐所有，仅供个人学习研究，用于商用的后果自负！ 2、本播放器的演示效果可以在我的博客首页看到，默认支持所有Html和PHP环境的网站。 3、本播放器可以使用电脑、手机、IPAD等设备访问，自适应。）具体的操作方法：在网站源文件中（如果有单独的页脚文件，也可以放在页脚文件里面）

给网站添加一个HTML音乐播放器

jsjsnsns的博客

07-02

1261

这段代码是一个音乐播放器的代码片段，它使用了APlayer和Meting.js库。这个音乐播放器可以在网页上嵌入音乐或音乐播放列表，支持自动播放，可以通过设置数据属性来控制不同的功能，比如是否自动播放、音乐源服务器、音乐类型、固定位置等。可以通过设置data-theme属性来自定义播放器的外观主题颜色。这个播放器具有随机播放功能，可以按照随机顺序播放音乐。这段代码中的链接引用了所需的CSS样式文件和JavaScript库文件，以确保播放器正常工作。