晨风交流论坛_CMP_CChat_Flash_音乐_视频_播放器_live直播_聊天室

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 48270|回复: 63

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

[复制链接]
发表于 2010-10-22 11:01:54 | 显示全部楼层 |阅读模式
官方QQ群:102348392 | 捐赠CMP
给各位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
发表于 2010-10-22 11:36:34 | 显示全部楼层
呵呵支持 !
发表于 2010-10-23 10:58:25 | 显示全部楼层
调用怎么让列表隐藏   列表直接就显示视频的地址了。
 楼主| 发表于 2010-10-23 11:46:29 | 显示全部楼层
回复 jhybbs 的帖子

和src参数一样,添加一个label参数即可,默认没有lable将使用src的值
如:lable="欢迎来访xxx视听"
发表于 2010-10-23 12:10:42 | 显示全部楼层
本帖最后由 jhybbs 于 2010-10-23 12:19 编辑

可以让它只显示视频窗口吗   不要歌词窗口和列表窗口
 楼主| 发表于 2010-10-23 12:18:10 | 显示全部楼层
窗口都是皮肤里面设置的,和调用无关,请去查阅皮肤制作相关教程
然后自行修改或制作皮肤即可
发表于 2010-11-1 20:34:00 | 显示全部楼层
没有个演示的看看吗?我想做个论坛看看
发表于 2010-11-17 15:35:45 | 显示全部楼层
怎么才能支持附件mp3播放捏
我是内网,无法做外链啊,囧
发表于 2010-11-21 08:52:55 | 显示全部楼层
回复 cenfun 的帖子

老大也加个DEDECMS的教程呗。。
发表于 2010-11-21 08:54:31 | 显示全部楼层
[video=480,400]ftp://sh.21cu.com/Yangyu/wwwroot/asx/tv/星空卫视.asx[/video]

QQ|客服QQ44023478|Archiver|手机版|小黑屋|晨风交流论坛 ( 粤ICP备05008793号 )

GMT+8, 2018-10-19 00:16 , Processed in 0.058322 second(s), 19 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表