KindEditor与ckplayer的简单结合
链接
ckplayer 6.7:http://www.ckplayer.com/bbs/forum.php?mod=viewthread&tid=10864
KindEditor4.1.10 (2013-11-23):http://kindeditor.net/down.php
参考教程: 关于kindeditor整合万能的ckplayer视频播放器插件。
因项目需要,现将KindEditor与ckplayer相结合,搭建一个带本地视频播放的cms。
KindEditor
KindEditor的安装与配置这里不做多余介绍,具体参考《官方文档-编辑器使用方法》。
ckplayer的配置
上传相关文件到编辑器的插件目录即editor/plugins/ckplayer
,基本的文件包括ckplayer.js
、ckplayer.swf
、ckplayer.xml
、language.xml
和style.css
。
修改格式验证代码
修改kindeditor.js的960行左右的上传功能的格式验证代码,加入需要支持的视频格式:
function _mediaType(src) { if (/\.(rm|rmvb)(\?|$)/i.test(src)) { return 'audio/x-pn-realaudio-plugin'; } if (/\.(swf|flv|mp4)(\?|$)/i.test(src)) { return 'application/x-shockwave-flash'; } return 'video/x-ms-asf-plugin'; }
修改jsp/upload_json.jsp的32行左右的上传功能的格式验证代码,加入需要支持的视频格式:
//定义允许上传的文件扩展名 HashMap<String, String> extMap = new HashMap<String, String>(); extMap.put("image", "gif,jpg,jpeg,png,bmp"); extMap.put("flash", "swf,flv,mp4"); extMap.put("media", "swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb,mp4"); extMap.put("file", "doc,docx,xls,xlsx,ppt,htm,html,txt,zip,rar,gz,bz2");
ckplayer官方称支持以下视频格式:
视频协议 | 视频格式 | Flash | HTML5 |
---|---|---|---|
HTTP | flv | g.jpg | x.jpg |
HTTP | f4v | g.jpg | x.jpg |
HTTP | mp4 | g.jpg | g.jpg |
HTTP | m3u8 | g.jpg | g.jpg |
HTTP | webm | x.jpg | g.jpg |
HTTP | ogg | x.jpg | g.jpg |
RTMP | flv | g.jpg | x.jpg |
RTMP | f4v | g.jpg | x.jpg |
RTMP | mp4 | g.jpg | x.jpg |
RTMP | 直播流 | g.jpg | x.jpg |
所以其中要添加什么类型的文件记得在两个文件都修改。
Continue reading…
- •••