免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享

14.[前台发帖技巧]如何方便地将附件中的音视频直接播放之

本文来自:★flash之路-flash技术交流★ 转帖请注明出处! 作者:网雨霏霏 您是第715个浏览者

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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

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



<2>同时,不要忘记,在本页最下面,添加允许上传的附件为mp3




<3>还需要去用户组里进行设置,看下图中的4,也添加MP3
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
附件: 您需要登录才可以下载或查看附件。没有帐号?注册

获得 大天使卡 一张

卡片说明:网雨霏霏帮助迷路的小朋友找到家长,家长为表达谢意,付出了7威望

卡片效果:+7

友情提示:单击下列任意一个表情,即可瞬间自动回复本帖!

好贴......
郁闷......
开心......
擦汗......
鄙视......
狂怒
伤心......
无奈.....
无奈.....
无奈.....
无奈.....
无奈.....
谢谢
爱你呦
拜托了
嗯嗯
OMG
求关注
哈哈哈
NO
OK
what
我来了

最近访问本帖者列表:

flashroad
访问时间:2018-09-13 17:39
网雨霏霏
访问时间:2018-08-23 11:28
天使小小
访问时间:2018-08-22 15:13
玄学
访问时间:2018-08-20 22:12

打赏

取消

感谢您的支持,我会继续努力的!

扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by 爱秀代码,分享从这里开始,精彩与您同在

点评
B Color Smilies

您还可以输入:个字符
X

X

接下来就是在前台,发帖的时候,如下操作:
1、插入“附件”



2、待附件上传完毕后,在“附件列表”中就会出现下图所示模样:

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

下面是效果预览:


下面的是专为支持html5的浏览器使用的效果:
[mad]http://flashroad.joinbbs.net/attachment.php?aid=MTA3MXw2OWFjN2RhMXwxNTQyNDEyOTU0fGIwZjMvdnVyMWU4OUJ0S0lKT3phejg3UkQyeWx0OWYwbE9SbTRscHVIVE40T1k4&request=yes&_f=.mp3[/mad]
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
附件: 您需要登录才可以下载或查看附件。没有帐号?注册
点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

测试发现,这个audio标签只有火狐浏览器可以正常播放
我用的遨游浏览器就播放不了
在手机端也是只有火狐才可以。
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

回复 3# flashroad


    请问能把论坛内置的音乐播放器更换成其他HTML播放器吗?
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.

获得 小福神卡 一张

卡片说明:天使小小帮助迷路的小朋友找到家长,家长为表达谢意,付出了3威望

卡片效果:+3

点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

回复 4# 天使小小


   是可以的。sclub官方论坛里有教程
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

回复 5# flashroad


    我搜索找不到这个教程了,你能发个帖子出来教教吗
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

回复 6# 天使小小


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


等我试试看搬运一个来,看看能不能用
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.

获得 大穷神卡 一张

卡片说明:flashroad不小心破坏了公物,被警察叔叔扣掉4金币

卡片效果:-4

点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

回复 7# flashroad


    好。等你是一个 然后发个教程教教我~感谢
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.

获得 小穷神卡 一张

卡片说明:天使小小不小心破坏了公物,被警察叔叔扣掉3金币

卡片效果:-3

点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

回复 8# 天使小小


    已经败下阵来,两个小时一无所获。
不如这样,直接用html5内置的,这个简单,马上就搞定。
那些漂亮的,98%都是列表形式的,显然不适合。好不容易有个单曲的,拼了命也无法调用图片素材。因为我没研究过js,不知道怎么修改。
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

回复  天使小小


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



    都可以。反正不用原始那个播放器就可以,
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

回复 10# 天使小小

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

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


参数个数 1





本帖2楼已经被我修改,就是这个h5播放器的效果
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

回复 11# flashroad

http://www.discuz.net/thread-3517638-1-1.html
你看看这个教程 是不是能修改原始播放器
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

回复 12# 天使小小


    之前我弄过一样的,无法调取图片
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

 

B Color Image Link Quote Code Smilies
高级模式 | 发新话题

您需要登录后才可以回帖 登录|立即注册

已经运行:
快速
返回顶部
返回首页