销售站 - 一站式品质服务平台,一体化商城系统.

24小时服务电话

134-2860-6060

查看: 456|回复: 0

[综合教程] Discuz整合CMP自定义标签播放音乐(mp3)和视频(flv)

[复制链接]
发表于 2017-4-29 07:45:30 | 显示全部楼层 |阅读模式
填写您的邮件地址,订阅我们的精彩内容:
[受理编号:SL-2468]
填写您的邮件地址,订阅我们的精彩内容:
给各位DZ站长介绍一个简单插入和播放音乐视频的方法
无需修改任何程序代码,使用CMP作为播放器,添加自定义Discuz!代码即可实现,绝对绿色
支持多种皮肤选择,支持Discuz系列论坛(其他论坛方法也类似)

music标签测试(mp3):
  1. [music]http://cmp.cenfun.com/cmp4/music/test.mp3[/music]
复制代码
[music]http://cmp.cenfun.com/cmp4/music/test.mp3[/music]

video标签测试(flv):
  1. [video=320,240]http://cmp.cenfun.com/cmp4/music/test.flv[/video]
复制代码
[video=320,240]http://cmp.cenfun.com/cmp4/music/test.flv[/video]


一,首先是安装CMP播放器:
全部为绿色静态文件(swf/js/zip),复制到空间即可使用

下载CMP安装包,最新版下载地址:
http://bbs.cenfun.com/thread-9895-1-1.html
解压其中的cmp目录并上传到站点目录,纯绿色静态文件,上传即可

二,然后进入论坛管理,添加自定义Discuz!代码

请添加2个自定义标签:
music  用于播放mp3(音频类)
没有图标可以用这个:http://bbs.cenfun.com/static/image/common/cmp/music.gif

video  用于播放flv(视频类)
没有图标可以用这个:http://bbs.cenfun.com/static/image/common/cmp/video.gif

添加后请设置“可用”和“显示”,否则在编辑器工具栏是无法看到的

下面分别编辑这2个标签的设置详情:

1,插入音乐设置:

标签:

  1. music
复制代码
替换内容:

  1. <script type="text/javascript" src="cmp/cmp.js"></script>
  2. <script type="text/javascript">
  3. CMP.write("cmp{RANDOM}","240","120","cmp/cmp.swf","skin=skins/mini/vplayer.zip&url=&lists=&context_menu=2&src={1}");
  4. </script>
复制代码
注意其中调用路径cmp/cmp.js和cmp/cmp.swf默认是使用相对论坛根目录的相对路径,也可使用绝对路径

例子:

  1. [music]http://xxx.com/test.mp3[/music]
复制代码
解释:

  1. 插入mp3音乐
复制代码
参数个数:

  1. 1
复制代码
参数提示语:

  1. mp3音乐地址(如果地址最后不是以mp3后缀结尾则无法识别类型,请手动添加一个伪后缀如:http://xxx.com/test.php?id=1&.mp3):
复制代码
除了mp3实际上也支持wma的播放,但wma的播放存在与flash通讯限制,而且wma需要浏览器(仅IE)的wmp调用权限,故不推荐使用wma

2,插入视频设置:

标签:

  1. video
复制代码
替换内容:

  1. <script type="text/javascript" src="cmp/cmp.js"></script>
  2. <script type="text/javascript">CMP.write("cmp{RANDOM}","{1}","{2}","cmp/cmp.swf","skin=skins/mini/vplayer.zip&url=&lists=&plugins=plugins/proxy.swf,plugins/sharing.swf&context_menu=2&src={3}");
  3. </script>
复制代码
注意其中调用路径cmp/cmp.js和cmp/cmp.swf默认是使用相对论坛根目录的相对路径,也可使用绝对路径
这里默认使用vplayer皮肤,视频播放专用
其中用plugins参数载入了plugins/proxy.swf代理和plugins/sharing.swf分享插件,如果不要这些插件可以去掉plugins参数部分

例子:

  1. [video]http://xxx.com/test.flv[/video]
复制代码
解释:

  1. 插入flv视频
复制代码
参数个数:

  1. 3
复制代码
参数提示语:

  1. 宽度:
  2. 高度:
  3. 视频地址(flv):
复制代码
视频地址一般是flv,h264的mp4也支持,很多采用flash进行播放的直播地址也支持


如果以上所有添加成功,则在发帖时,编辑器里面就会新增2个图标
具体应用例子可以见本论坛
插入音乐和视频代码如:

  1. [music]http://cmp.cenfun.com/cmp4/music/test.mp3[/music]
  2. [video=400,300]http://cmp.cenfun.com/cmp4/music/test.mp3[/video]
复制代码
这样用户可以和简单的在论坛发布音乐或视频了

当然你也可以将上面2个标签合并成一个,使用一个通用皮肤即可
或者将music拆分成mp3和wma两个等等
由于Discuz论坛的自定义标签仅支持最多3个参数,更多自定义功能还存在一定局限性
要绿色简单就这样能满足需求,如果要更多更复杂的自定义功能,则可以开发更高级的插件予以支持

其他相关CMP整合教程:
http://bbs.cenfun.com/thread-15124-1-1.html

回复
〖销售站〗一站式品质服务平台. 一体化商城系统.【www.xiaoshouzhan.com】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

销售站-一体化商城系统!
 
 
Q Q|技术部
销售|销售部
客服|销售站实体店
分流|销售站实体店
视频解析群:
好记吧
产品售后群:
站长源码(交易平台)
域名拍卖群:
域名拍卖群
产品维权群:
藤县站
微信客服中心:
/images/niwota00000000300.jpg
工作时间:
8:00-18:00
 
版权所有:销售站

QQ|关于我们|手机版|( 粤ICP备16099612号-2|网站地图  | Sponsor: 好记吧物联网