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

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

来自版块: Discuz教程发表于: 2024-6-27 08:02:04
337
0
如本资源下载地址失效,请点击此处进行反馈
开通本站Svip会员,全站资源免费下
演示地址:https://igequ.com/

效果如下:
1.png
发帖页:
2.png
帖子列表:
4.png
做此改动的原因在于Discuz官方的默认音乐播放器是和编辑器捆绑(如下图),发布音乐时是与编辑内容一同处理,没法单独调用,故进行此操作。
3.png

废话不多说,下面开始教程
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 文件,搜索代码
  1. <!--{elseif $threadsortshow['optionlist']}-->
复制代码
在其下方插入
亲爱的游客您好,请 登录 后进行 回复
即可调用论坛分类信息对应数值
如$fengmian 调用歌曲封面(需要在发布帖子时上传封面,也可自行写个判断,如未上传封面则显示默认封面)、
$mp3调用.mp3的播放地址,实现在线播放视听
$flac调用FLAC下载地址(FLAC为无损音乐下载地址,可使用网盘)
$bankuai 调用当前歌曲所属版块
$biaoti 调用当前歌曲帖子标题

4、进入网站根目录——template——当前使用模板——forum——打开 forumdisplay_list.htm 文件,搜索代码
  1. <!--{hook/forumdisplay_filter_extra}-->
复制代码
在其下方插入
亲爱的游客您好,请 登录 后进行 回复
帖子列表页判断版块语句写法
亲爱的游客您好,请 登录 后进行 回复
5、进入网站根目录——template——当前使用模板——forum——打开 viewthread.htm 文件,搜索代码
  1. <!--{loop $manylist $value}-->
复制代码
在其下方插入
亲爱的游客您好,请 登录 后进行 回复
6、进入网站根目录——template——当前使用模板——search——打开 thread_list.htm 文件,搜索代码在其下方插入
亲爱的游客您好,请 登录 后进行 回复
搜索页面判断版块语句写法
亲爱的游客您好,请 登录 后进行 回复
7、进入网站后台——论坛——分类信息——添加一个名为歌曲的分来信息(如下图)
微信截图_20240627093312.png

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

9、进入网站后台——论坛——选择需要添加分类信息的版块 点击编辑
4.png
在 编辑版块 中——其他——分类信息——启用分类信息:是,发帖必须归类:否,启用默认显示分类:否,启用分类信息 并 勾选 发帖菜单中显示——提交
6.png
【注:前端版块做了判断,判断选择了分类信息的版块,发布帖子时,默认进入分类信息发帖模式,否则进入普通发帖模式,如下图】
分类信息发帖模式

7.png
普通发帖模式

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

全部评论 0

您需要登录后才可以回帖 立即登录
登录
0
0
0
返回顶部