【原创】使用Aplayer音乐播放器替代Discuz官方默认音乐播放器,并结合论坛分类信息实现音乐播放-建站教程下载
登录
/
注册
首页
Portal
建站模板
建站插件
建站教程
建站素材
站长导航
问题反馈
Discuz!数据字典
TAG标签
站长工具
Discuz站长交流群欢迎您的加入:493651246
兔源码站长交流群:493651246 欢迎您的加入!
Discuz站长2000人QQ交流群:493651246
站长工具
Favicon图标转换器
提供在线裁剪图片,并转换为favicon.ico文件。
CSS美化工具
提供在线 CSS 代码在线格式化和美化。
二维码生成器
快速生成二维码,自定义大小、生成码及颜色。
HTML编辑器
输入HTML、CSS、JS代码,实时运行效果。
Markdown编辑器
编写markdown代码,并在浏览器中实时预览。
SQL格式化
实现SQL语句的在线压缩与格式化功能。
URL编码解码
在线将普通URL相互转换转为编码URL的工具。
随机密码生成器
提供在线生成随机卡密等等。
站长导航
站长工具
开发工具
站长平台
IDC服务商
注册交易
SEO及安全
开放平台
CDN及SSL
源码资源
自媒体平台
图片工具
小程序平台
投资理财
常用工具
友情链接
网络硬盘
TAG标签
Discuz
网站模板
discuz插件
免费
原创
商业版
文章
下载地址
GBK
门户
手机版
自适应
模板
插件
编辑器
UTF8
数据库
伪静态
博客
论坛
模块
分类信息
主题
全部TAG
Discuz!数据字典
站长之家
[
QQ登录
/
登录
/
注册
]
Discuz站长群邀您加入
草根站长交流群欢迎您
广告招租:3197813386
网站一条龙搭建服务
——网站快速搭建——
——建网站,找我们——
首页
Portal
建站模板
建站插件
建站教程
建站素材
站长导航
问题反馈
搜索
搜索
本版
文章
帖子
用户
帖子
勋章
设置
收藏
退出
【原创】使用Aplayer音乐播放器替代Discuz官方默认音乐播放器,并结合论坛分类信息实现音乐播放
来自
版块
:
建站教程
发表于:
2024-6-27 08:02:04
2707
如本资源下载地址失效,请点击此处进行反馈
演示地址:
https://igequ.com/
效果如下:
发帖页:
帖子列表:
做此改动的原因在于
Discuz
官方的默认音乐播放器是和编辑器捆绑(如下图),发布音乐时是与编辑内容一同处理,没法单独调用,故进行此操作。
废话不多说,下面开始
教程
1、调用Aplayer音乐播放器
Aplayer音乐播放器讲解教程:
https://tuyuanma.com/news_9330_1_1
通过Aplayer音乐播放器讲解教程下载Aplayer音乐播放器
插件
,
兔源码
提供百度
网盘
下载:
https://pan.xunlei.com/s/VOL7jEuSu9Nhr8xYG1HEHGwwA1?pwd=4856#
2、下载好Aplayer音乐播放器插件,将插件中的APlayer.min.
CSS
、APlayer.min.js两个文件放置网站根目录,后续在进行调用。
下面是兔
源码
二次修改过的文件(与
https://igequ.com
一致):
https://pan.xunlei.com/s/VOL7iiZK2h5CVPEfi8h6JqrVA1?pwd=s5k3#
3、进入网站根目录——template——当前使用
模板
——forum——打开 post_editor_body.htm 文件,搜索代码
<!--{elseif $threadsortshow['optionlist']}-->
复制代码
在其下方插入
游客,如果您要查看本帖隐藏内容请
回复
即可调用论坛分类信息对应数值
如$fengmian 调用歌曲封面(需要在发布帖子时上传封面,也可自行写个判断,如未上传封面则显示默认封面)、
$mp3调用.mp3的播放地址,实现在线播放视听
$flac调用FLAC下载地址(FLAC为无损音乐下载地址,可使用网盘)
$bankuai 调用当前歌曲所属版块
$biaoti 调用当前歌曲帖子标题
4、进入网站根目录——template——当前使用模板——forum——打开 forumdisplay_list.htm 文件,搜索代码
<!--{hook/forumdisplay_filter_extra}-->
复制代码
在其下方插入
游客,如果您要查看本帖隐藏内容请
回复
帖子列表页判断版块语句写法
游客,如果您要查看本帖隐藏内容请
回复
5、进入网站根目录——template——当前使用模板——forum——打开 viewthread.htm 文件,搜索代码
<!--{loop $manylist $value}-->
复制代码
在其下方插入
游客,如果您要查看本帖隐藏内容请
回复
6、进入网站根目录——template——当前使用模板——search——打开 thread_list.htm 文件,搜索代码在其下方插入
游客,如果您要查看本帖隐藏内容请
回复
搜索页面判断版块语句写法
游客,如果您要查看本帖隐藏内容请
回复
7、进入网站后台——论坛——分类信息——添加一个名为歌曲的分来信息(如下图)
8、进入网站后台——论坛——分类信息——字段管理 选择分类A —— 添加分类信息字段(添加三个字段)——名称分别为 试听地址、FLAC音质、歌曲封面,变量名分别为 mp3、 flac、fengmian,类型分别为 超级
链接
(url)、超级链接(url)、上传
图片
(image)
9、进入网站后台——论坛——选择需要添加分类信息的版块 点击编辑
在 编辑版块 中——其他——分类信息——启用分类信息:是,发帖必须归类:否,启用默认显示分类:否,启用分类信息 并 勾选 发帖菜单中显示——提交
【注:前端版块做了判断,判断选择了分类信息的版块,发布帖子时,默认进入分类信息发帖模式,否则进入普通发帖模式,如下图】
分类信息发帖模式
普通发帖模式
至此,修改结束,各页面css
美化
样式
请自行编写,也可联系兔源码
站长
收费修改。
原创
,
Aplayer
,
音乐
,
播放器
,
Discuz
相关帖子
html5+css3的浮窗单图DIY模块
Discuz浮窗多图的DIY单页素材
【原创】修改discuz门户文章发布时间,将默认时间yyyy-mm-dd修改为年月日时分秒,并去掉月和时前面的0,同时判断秒为0则不显示
【原创】discuz论坛分类信息中,帖子发布页有多个图片上传功能,如何调用指定的分类字段图片,并将调用出的代码过滤,只保留图片的方法
【原创】门户编辑器复制粘贴内容自动转化为纯文本格式,去除富媒体样式及沉余代码
【原创】要实现 Discuz! 程序中旧URL批量跳转到对应的新URL的方法,可通过以下两种方法实现
回复
举报
综合
最新
热度
发表评论
教程 / CSS+DIV素材
Discuz教程
CSS+DIV素材
1
【原创】要实现 Discuz! 程序中旧URL批量跳转到对应的新URL的方
19人阅读
2
【原创】门户编辑器复制粘贴内容自动转化为纯文本格式,去除富媒
102人阅读
3
【原创】将文章访问量转换为K的的显示样式,如将21302转换为21.3
438人阅读
4
【原创】discuz论坛分类信息中,帖子发布页有多个图片上传功能,
689人阅读
5
【原创】修改discuz门户文章发布时间,将默认时间yyyy-mm-dd修改
665人阅读
1
Discuz浮窗多图的DIY单页素材
736人阅读
2
html5+css3的浮窗单图DIY模块
791人阅读
3
html5+css3的横排导航列表DIY模块
874人阅读
4
html5+css3的四排图文资讯列表DIY模块
868人阅读
5
垂直时光轴HTML单页+CSS+js模块
1534人阅读
发布新话题
所属版块
返回版块
最佳新人
注册账号后积极发帖的会员,发帖数 ≥ 100
管理/版主
此勋章为兔源码管理或版主专属勋章
土豪装逼
此勋章为兔源码土豪装逼勋章,只要100兔币购买即可
返回顶部