免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

标题: 14.[前台发帖技巧]如何方便地将附件中的音视频直接播放之 [打印本页]
作者: 网雨霏霏    时间: 2018-8-17 18:34     标题: 14.[前台发帖技巧]如何方便地将附件中的音视频直接播放之

本帖最后由 网雨霏霏 于 2018-8-17 18:53 编辑

首先，需要在后台中：
<1>将相应版块的
“允许使用 [audio] [video] [flash] 等多媒体代码”开关给打开：
[attach]1067[/attach]


<2>同时，不要忘记，在本页最下面，添加允许上传的附件为mp3
[attach]1068[/attach]



<3>还需要去用户组里进行设置，看下图中的4，也添加MP3
[attach]1070[/attach]
作者: 网雨霏霏    时间: 2018-8-17 18:40

接下来就是在前台，发帖的时候，如下操作：
1、插入“附件”
[attach]1069[/attach]


2、待附件上传完毕后，在“附件列表”中就会出现下图所示模样：[attach]1072[/attach]

点击上图的1后，就会在2位置自动插入了
就这么简单。
另外：两个audio标签内的代码，就是mp3文件的“相对地址”。你可以自定义discuz标签来引用这个相对地址，从而实现兼容多种浏览器的播放

下面是效果预览：
[audio]http://flashroad.joinbbs.net/attachment.php?aid=MTA3MXw4ZTFiN2FmM3wxNzEzNDkzMzI3fDI3NGVWTW5DTmV2cHlWaFJheVc1MkhhZ0xTWXJUeUQ5LzExd0VXK0x1dVpTL0Fn&request=yes&_f=.mp3[/audio]

下面的是专为支持html5的浏览器使用的效果：
[mad]http://flashroad.joinbbs.net/attachment.php?aid=MTA3MXw4ZTFiN2FmM3wxNzEzNDkzMzI3fDI3NGVWTW5DTmV2cHlWaFJheVc1MkhhZ0xTWXJUeUQ5LzExd0VXK0x1dVpTL0Fn&request=yes&_f=.mp3[/mad]
作者: flashroad    时间: 2018-8-17 19:37

测试发现，这个audio标签只有火狐浏览器可以正常播放
我用的遨游浏览器就播放不了
在手机端也是只有火狐才可以。
作者: 天使小小    时间: 2018-8-18 16:37

回复 3# flashroad


    请问能把论坛内置的音乐播放器更换成其他HTML播放器吗？
作者: flashroad    时间: 2018-8-18 23:11

回复 4# 天使小小


   是可以的。sclub官方论坛里有教程
作者: 天使小小    时间: 2018-8-21 11:53

回复 5# flashroad


    我搜索找不到这个教程了，你能发个帖子出来教教吗
作者: flashroad    时间: 2018-8-21 12:39

回复 6# 天使小小


    搜了好多，清一色都是flash的，而且绝大多数都失效了。已经放弃sclub
我百度一下，发现这里有很多：
http://www.shejidaren.com/free-audio-players.html


等我试试看搬运一个来，看看能不能用
作者: 天使小小    时间: 2018-8-21 14:53

回复 7# flashroad


    好。等你是一个 然后发个教程教教我~感谢
作者: flashroad    时间: 2018-8-21 15:01

回复 8# 天使小小


    已经败下阵来，两个小时一无所获。
不如这样，直接用html5内置的，这个简单，马上就搞定。
那些漂亮的，98％都是列表形式的，显然不适合。好不容易有个单曲的，拼了命也无法调用图片素材。因为我没研究过js，不知道怎么修改。
作者: 天使小小    时间: 2018-8-21 15:06

回复  天使小小


    已经败下阵来，两个小时一无所获。
不如这样，直接用html5内置的，这个简单，马上就 ...
flashroad 发表于 2018-8-21 15:01



    都可以。反正不用原始那个播放器就可以，
作者: flashroad    时间: 2018-8-21 15:19

回复 10# 天使小小

界面 编辑器设置 dz代码
新建一个mad标签，内容如下

    <audio src="{1}" controls="controls">
抱歉，您的浏览器不支持html5
</audio>


参数个数 1





本帖2楼已经被我修改，就是这个h5播放器的效果
作者: 天使小小    时间: 2018-8-21 15:24

回复 11# flashroad

http://www.discuz.net/thread-3517638-1-1.html
你看看这个教程 是不是能修改原始播放器
作者: flashroad    时间: 2018-8-21 16:40

回复 12# 天使小小


    之前我弄过一样的，无法调取图片



欢迎光临 flash之路-flash技术交流 (http://flashroad.joinbbs.net/) Powered by Discuz! 7.2