【原创】使用Aplayer音乐播放器替代Discuz官方默认音乐播放器，并结合论坛分类信息实现音乐播放

演示地址：https://igequ.com/

效果如下：

发帖页：

帖子列表：

做此改动的原因在于Discuz官方的默认音乐播放器是和编辑器捆绑（如下图），发布音乐时是与编辑内容一同处理，没法单独调用，故进行此操作。

废话不多说，下面开始教程
1、调用Aplayer音乐播放器
Aplayer音乐播放器讲解教程：https://www.tuyuanma.com/news_9330_1_1
通过Aplayer音乐播放器讲解教程下载Aplayer音乐播放器插件，兔源码提供百度网盘下载：https://pan.baidu.com/s/1j77x29Uubek7SXcYX-dWGw?pwd=bsb8

2、下载好Aplayer音乐播放器插件，将插件中的APlayer.min.CSS、APlayer.min.js两个文件放置网站根目录，后续在进行调用。
下面是兔源码二次修改过的文件（与https://igequ.com 一致）：https://pan.baidu.com/s/137G5eqD3IW0dRAmA0lkBoA?pwd=j39g

3、进入网站根目录——template——当前使用模板——forum——打开 post_editor_body.htm 文件，搜索代码

复制代码

在其下方插入

亲爱的游客您好，请登录后进行回复

即可调用论坛分类信息对应数值
如$fengmian 调用歌曲封面（需要在发布帖子时上传封面，也可自行写个判断，如未上传封面则显示默认封面）、
$mp3调用.mp3的播放地址，实现在线播放视听
$flac调用FLAC下载地址（FLAC为无损音乐下载地址，可使用网盘）
$bankuai 调用当前歌曲所属版块
$biaoti 调用当前歌曲帖子标题

4、进入网站根目录——template——当前使用模板——forum——打开 forumdisplay_list.htm 文件，搜索代码

复制代码

在其下方插入

亲爱的游客您好，请登录后进行回复

帖子列表页判断版块语句写法

亲爱的游客您好，请登录后进行回复

5、进入网站根目录——template——当前使用模板——forum——打开 viewthread.htm 文件，搜索代码

复制代码

在其下方插入

亲爱的游客您好，请登录后进行回复

6、进入网站根目录——template——当前使用模板——search——打开 thread_list.htm 文件，搜索代码在其下方插入

亲爱的游客您好，请登录后进行回复

搜索页面判断版块语句写法

亲爱的游客您好，请登录后进行回复

7、进入网站后台——论坛——分类信息——添加一个名为歌曲的分来信息（如下图）
微信截图_20240627093312.png

8、进入网站后台——论坛——分类信息——字段管理选择分类A —— 添加分类信息字段（添加三个字段）——名称分别为试听地址、FLAC音质、歌曲封面，变量名分别为 mp3、 flac、fengmian，类型分别为超级链接(url)、超级链接(url)、上传图片(image)

9、进入网站后台——论坛——选择需要添加分类信息的版块点击编辑

在编辑版块中——其他——分类信息——启用分类信息:是，发帖必须归类:否，启用默认显示分类:否，启用分类信息并勾选发帖菜单中显示——提交

【注：前端版块做了判断，判断选择了分类信息的版块，发布帖子时，默认进入分类信息发帖模式，否则进入普通发帖模式，如下图】

分类信息发帖模式

普通发帖模式

至此，修改结束，各页面css美化样式请自行编写，也可联系兔源码站长收费修改。

		自动登录	找回密码
密码			立即注册

【原创】使用Aplayer音乐播放器替代Discuz官方默认音乐播放器，并结合论坛分类信息实现音乐播放-Discuz教程下载

【原创】使用Aplayer音乐播放器替代Discuz官方默认音乐播放器，并结合论坛分类信息实现音乐播放

相关文章

全部评论 0

浏览过的版块

最佳新人

管理/版主

土豪装逼

教程 / CSS+DIV素材

HTML中限制input 输入框输入内容及onkeyup的多个判断过滤14人阅读

【实测】discuz去掉或修改搜索框里面的默认文字552人阅读

discuz主题分类设置伪静态的方法691人阅读

【实测】Discuz!标签页面如何增加分页？605人阅读

Discuz!教程之DIY主题模块增加主题随机排序功能570人阅读

【转载】垂直时光轴HTML单页+CSS+js模块289人阅读

【转载】文字由左向右循环滚动DIY+CSS+js模块327人阅读

【原创】左侧导航栏样式，点击展开一级分类二级分类的DIY+CSS+JS2970人阅读

【原创】discuz论坛首页四格，幻灯片+文字列表切换功能DIY+CSS+j4803人阅读

【原创】侧边导航栏样式，点击跳转到对应位置的DIY+CSS模块4672人阅读

所属版块