当前位置：首页 > news >正文

关于如何通过APlayer+MetingJS为自己的wordpress博客网页添加网易音乐播放器（无需插件）

news 2026/2/10 3:42:26

本文转自博主的个人博客：https://blog.zhumengmeng.work,欢迎大家前往查看。
原文链接：点我访问

在这里插入图片描述

序言：最近在网上冲浪，发现大家的博客大部分都有一个音乐播放器能够播放音乐，随机我也开始寻找解决方法。可是找来找去我却发现在wordpress上的大部分音乐播放器插件无法实现播放网易云歌单，但是皇天不负苦心人，我找到了APlayer和MetingJS。

一、介绍

Aplayer是一个简洁漂亮、功能强大的 Html5 音乐播放器，支持音乐信息、歌词、进度条、音量、顺序模式、循环模式，可以使用三方音乐外链，也可以使用自己的音乐链接。开源地址：https://github.com/DIYgod/APlayer
MetingJS 扩展了 APlayer.js 的功能，能够使 APlayer.js 加载网易云音乐、QQ 音乐、虾米音乐中的歌单。
开源地址：https://github.com/metowolf/MetingJS

二、使用方法

打开wordpress后台管理页面，依次点击外观-小工具-添加-自定义HTML。

在这里插入图片描述

在编辑栏复制粘贴如下代码：

在这里插入图片描述

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script>
<meting-js style="color: #2980b9"class="meting"server="netease"type="playlist"volume="0.5"id="7723752305"autoplay="false"loop="all"order="list"preload="auto"list-folded="true"list-max-height="200px"lrc-type="0">
</meting-js>
</body>
</html>

效果如下图所示：

在这里插入图片描述

三、参数说明

参数	默认值	描述
id	require	歌曲 ID/歌单 ID/专辑 ID/搜索关键字
server	require	音乐平台: netease, tencent, kugou, xiami, baidu
type	require	类型：song, playlist, album, search, artist
auto	options	音乐链接，支持: netease, tencent, xiami
fixed	false	开启吸底模式
mini	false	开启迷你模式
autoplay	false	自动播放，一般浏览器默认会阻止音频自动播放
theme	#2980b9	主题色
loop	all	音频循环播放，值：’all’、’one’、’none’
order	list	音频循环顺序，值：’list’，’random’
preload	auto	音频预加载，值: ‘none’, ‘metadata’, ‘auto’
volume	0.7	默认音量，播放器会记住用户设置，用户自己设置音量后默认音量将失效
mutex	true	防止同时播放多个播放器，当该播放器开始播放时暂停其他播放器
lrc-type	0	歌词类型
list-folded	false	列表是否先折叠
list-max-height	340px	音频列表最大高度

大家可能会问一个问题，歌单 id 怎么找？浏览器里打开网易云官网并登录，找到自己的歌单，点击进去后，链接后面那串数字就是ID。

比如：https://music.163.com/#/my/m/music/playlist?id=7723752305，7723752305就是ID.

关于如何通过APlayer+MetingJS为自己的wordpress博客网页添加网易音乐播放器（无需插件）

本文转自博主的个人博客：https://blog.zhumengmeng.work,欢迎大家前往查看。原文链接：点我访问序言：最近在网上冲浪，发现大家的博客大部分都有一个音乐播放器能够播放音乐，随机我也开始寻找解决方法。可是找来找去我…...

编程日记 2024/6/2 3:07:12

架构师如何以打游戏的心态做开发？

为什么打游戏可以很好玩，能够自发学习，从青铜到黄金很简单。换个角度思考🤔，以打游戏的心态如何进行架构开发，可以采用以下策略： 设定目标和里程碑： 就像游戏中的任务和关卡一样，为…...

编程日记 2024/6/2 3:06:11

【WP|6】WordPress 主题开发详解

WordPress主题开发是打造独特、功能强大的网站的重要途径。无论是创建全新的主题还是对现有主题进行自定义，掌握主题开发技能都是非常重要的。本文将详细讲解 WordPress 主题开发的基本步骤、文件结构、模板层次以及一些高级技巧，帮助你从零开始创建一个…...

编程日记 2024/6/2 3:05:09

Kivy.garden.NavigationDrawer 后续学习

如百词斩部分代码 MRWord\pages\infopage\info.kv <InfoPage>:anim_type: slide_above_simpleid: main_winbox_button_anchor: box_button_anchor.__self__three_labels_box: three_labels_box.__self__box_phonetic: box_phonetic.__self__BoxLayout:BoxLayout:id: ma…...

编程日记 2024/6/2 3:04:08

【CVE-2021-3156】——漏洞复现、原理分析以及漏洞修复

文章目录前言1、漏洞概述2、漏洞复现2.1、漏洞复现测试环境2.2、漏洞复现具体步骤 3、漏洞原理3.1、前置知识3.1.1、sudo3.1.2、sudoedit3.1.3、转义字符 3.2、漏洞分析 4、漏洞修复5、参考文献总结前言 2021年01月27日，RedHat官方发布了Sudo缓冲区/栈溢出漏洞的风…...

编程日记 2024/6/2 3:03:07

Github 2024-05-31 Java开源项目日报 Top10

根据Github Trendings的统计，今日(2024-05-31统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Java项目10TypeScript项目1JavaGuide - Java 程序员学习和面试指南创建周期：2118 天开发语言：Java协议类型：Apache License 2.0Star数量：1…...

编程日记 2024/6/2 3:00:44

【上海大学计算机组成原理实验报告】六、内存系统实验

一、实验目的学习内存访问机制。理解代码和数据的分区存放原理和技术。二、实验原理根据实验指导书的相关内容，地址寄存器MAR用来存放要进行读或写的存储器EM的地址。其内容经数据总线DBUS写入，因此必须在数据总线上具有数据后，配合MAR允…...

编程日记 2024/6/2 2:57:41

C++:细谈Sleep和_sleep

ZINCFFO的提醒还记得上上上上上上上上上上上上上上上上上上（上的个数是真实的）篇文章吗？ 随机应变——Sleep()和_sleep() 但在ZINCFFO的C怪谈-02中： 我不喜欢Sleep...... 奤？媜煞鷥！ 整活！…...

编程日记 2024/6/2 2:55:39

CORS前端：深度解析跨域资源共享机制及其前端应用

CORS前端：深度解析跨域资源共享机制及其前端应用在前端开发领域，CORS（跨源资源共享）是一个不可或缺的概念。它允许网页应用在不同的源（域、协议或端口）之间进行资源请求和共享，从而打破了同源…...

编程日记 2024/6/2 2:53:35

React@16.x（15）PureComponent 和 memo

目录 1，什么是 PureComponent2，什么是 memo3，举例3.2，优化13.1，优化2-函数位置 4，注意点4.1，为了提升效率，应该尽量使用 PureComponent4.2，不要直接改变之前的状态&#…...

编程日记 2024/6/2 2:52:34

[C++11/14新特性] tuple元组介绍

C11 标准新引入了一种类模板，命名为 tuple（中文可直译为元组）。tuple 最大的特点是：实例化的对象可以存储任意数量、任意类型的数据。tuple 的应用场景很广泛，例如当需要存储多个不同类型的元素时，可以使用…...

编程日记 2024/6/2 2:50:33

小熊家务帮day8-day9 客户管理模块2 （用户定位，地址簿，实名认证，银行卡信息上传等功能）

客户管理模块 0.用户定位功能0.1 需求0.2 接口分析0.3 接口开发Controller层开发Service层开发 1.我的地址簿功能1.1 需求1.2 数据库设计1.3 新增地址簿1.3.1 接口设计1.3.2 接口开发Controller层开发Service层开发测试功能 1.4 地址簿查询1.4.1 接口设计1.4.2 接口开发Control…...

编程日记 2024/6/2 2:49:31

amis 事件动作和行为按钮常用用法

行为按钮 action （仅是对click事件的处理） actionType：这是 action 最核心的配置，来指定该 action 的作用类型，支持：ajax、link、url、drawer、dialog、confirm、cancel、prev、next、copy、close。 Butt…...

编程日记 2024/6/2 2:48:29

4K高刷显示器 - 蚂蚁电竞ANT27VU

可以毫不夸张地说，每一局游戏最终能够取得胜利，实际上都与一套极为优秀的电竞 PC 有着紧密的关联，因为其能够提供强大的性能支持与流畅的体验。同样的道理，一套优秀的电竞 PC 若想发挥出最佳的效果，那也都离不开一台能…...

编程日记 2024/6/2 2:46:27

图解支付系统的渠道路由设计

大家好，我是隐墨星辰，今天和大家聊聊渠道路由设计。这篇文章主要讲清楚：渠道路由是什么，为什么需要渠道路由，渠道路由的几种形态，一个简洁而实用的基于规则的渠道路由设计。注：有些公司称渠…...

编程日记 2024/6/2 2:45:26

Leecode---347：输出前k个高频元素（使用unordered_map）

题目： 给你一个整数数组 nums 和一个整数 k ，请你返回其中出现频率前 k 高的元素。你可以按任意顺序返回答案。思路： 三步： 1、用map来记录每个元素出现的次数 2、按map中的值大小排序，先让其有序，再逆…...

编程日记 2024/6/2 2:44:25

k8s ceph(静态pvc)

1.在 Kubernetes 节点上安装ceph-common 包。这个包包含了连接到 Ceph 集群所需的工具和库。可以使用以下命令在每个节点上安装： sudo apt-get install ceph-common2.在 Kubernetes 中创建一个 Secret 对象，用于存储连接到 Ceph 集群所需的密钥和配置信息…...

编程日记 2024/6/2 2:41:21

Qt QScript 之 C++/JavaScript相互调用

文章目录 Qt Script什么是ECMAScriptQt 中JavaScriptclass 详解Basic UsageQObject对脚本引擎可用使用信号槽connect 三种模式访问属性, 子对象使c++对象可用于用Qt Script编写的脚本C++ 类成员函数可用于脚本C++ 类属性可用于脚本对脚本中的c++对象信号的反应函数对象和本机函…...

编程日记 2024/6/2 2:38:18

可能会引起空指针

PreparedStatement preparedStatement null; preparedStatement conn.prepareStatement(sql); 如果直接下面这个可能会赋值给空指针因为要在try{}和catch{}里面都用,所以要定义在try外面为null //如果只是测试,可以PreparedStatement preparedStatement conn.prepareSta…...

编程日记 2024/6/2 2:37:16

Linux input输入子系统

Linux input 更多内容可以查看我的github Linux输入子系统框架 Linux输入子系统由驱动层、核心层、事件处理层三部分组成。驱动层：输入设备的具体驱动程序，负责与具体的硬件设备进行交互，并将底层的硬件输入转化为统一的事件形式&#xff…...

编程日记 2024/6/2 2:36:15

手游刚开服就被攻击怎么办？如何防御DDoS？

开服初期是手游最脆弱的阶段，极易成为DDoS攻击的目标。一旦遭遇攻击，可能导致服务器瘫痪、玩家流失，甚至造成巨大经济损失。本文为开发者提供一套简洁有效的应急与防御方案，帮助快速应对并构建长期防护体系。一、遭遇攻击的紧急应…...

编程新知 2026/2/8 4:37:03

Linux链表操作全解析

Linux C语言链表深度解析与实战技巧一、链表基础概念与内核链表优势1.1 为什么使用链表？1.2 Linux 内核链表与用户态链表的区别二、内核链表结构与宏解析常用宏/函数三、内核链表的优点四、用户态链表示例五、双向循环链表在内核中的实现优势5.1 插入效率5.2 安全…...

编程新知 2025/12/3 20:14:32

CTF show Web 红包题第六弹

提示 1.不是SQL注入 2.需要找关键源码思路进入页面发现是一个登录框，很难让人不联想到SQL注入，但提示都说了不是SQL注入，所以就不往这方面想了先查看一下网页源码，发现一段JavaScript代码，有一个关键类ctfs…...

编程新知 2026/2/5 4:33:58

【入坑系列】TiDB 强制索引在不同库下不生效问题

文章目录背景SQL 优化情况线上SQL运行情况分析怀疑1：执行计划绑定问题？尝试：SHOW WARNINGS 查看警告探索 TiDB 的 USE_INDEX 写法Hint 不生效问题排查解决参考背景项目中使用 TiDB 数据库，并对 SQL 进行优化了，添加了强制索引。 UAT 环境已经生效，但 PROD 环境强制索…...

编程新知 2026/1/31 21:56:58

基于Flask实现的医疗保险欺诈识别监测模型

基于Flask实现的医疗保险欺诈识别监测模型项目截图项目简介社会医疗保险是国家通过立法形式强制实施，由雇主和个人按一定比例缴纳保险费，建立社会医疗保险基金，支付雇员医疗费用的一种医疗保险制度， 它是促进社会文明和进步的…...

编程新知 2026/1/24 14:59:08

ESP32读取DHT11温湿度数据

芯片：ESP32 环境：Arduino 一、安装DHT11传感器库红框的库，别安装错了二、代码注意，DATA口要连接在D15上 #include "DHT.h" // 包含DHT库#define DHTPIN 15 // 定义DHT11数据引脚连接到ESP32的GPIO15 #define D…...

编程新知 2026/1/30 8:46:45

【开发技术】.Net使用FFmpeg视频特定帧上绘制内容

目录一、目的二、解决方案 2.1 什么是FFmpeg 2.2 FFmpeg主要功能 2.3 使用Xabe.FFmpeg调用FFmpeg功能 2.4 使用 FFmpeg 的 drawbox 滤镜来绘制 ROI 三、总结一、目的当前市场上有很多目标检测智能识别的相关算法，当前调用一个医疗行业的AI识别算法后返回…...

编程新知 2026/2/9 17:11:06

SAP学习笔记 - 开发26 - 前端Fiori开发 OData V2 和 V4 的差异 (Deepseek整理）

上一章用到了V2 的概念，其实 Fiori当中还有 V4，咱们这一章来总结一下 V2 和 V4。 SAP学习笔记 - 开发25 - 前端Fiori开发 Remote OData Service(使用远端Odata服务)，代理中间件（ui5-middleware-simpleproxy）-CSDN博客…...

编程新知 2026/2/3 8:20:06

论文笔记——相干体技术在裂缝预测中的应用研究

目录相关地震知识补充地震数据的认识地震几何属性相干体算法定义基本原理第一代相干体技术：基于互相关的相干体技术（Correlation）第二代相干体技术：基于相似的相干体技术（Semblance）基于多道相似的相干体…...

编程新知 2026/2/7 1:51:12

【无标题】路径问题的革命性重构：基于二维拓扑收缩色动力学模型的零点隧穿理论

路径问题的革命性重构：基于二维拓扑收缩色动力学模型的零点隧穿理论一、传统路径模型的根本缺陷在经典正方形路径问题中（图1）： mermaid graph LR A((A)) --- B((B)) B --- C((C)) C --- D((D)) D --- A A -.- C[无直接路径] B -…...

编程新知 2025/10/21 1:07:59

一、介绍

二、使用方法

三、参数说明

相关文章：