免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 发帖

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

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

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

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

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

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



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




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

打赏

取消

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

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

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

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

点评
B Color Smilies

您还可以输入:个字符
X

X

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



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

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

下面是效果预览:


下面的是专为支持html5的浏览器使用的效果:
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
附件: 您需要登录才可以下载或查看附件。没有帐号?注册
点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

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

您还可以输入:个字符
X

X

TOP

回复 3# flashroad


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


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

您还可以输入:个字符
X

X

TOP

回复 7# flashroad


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

返回列表