kindeditor 增加加flv上传视频插件JW player
来源:互联网 发布:java快速入门 编辑:程序博客网 时间:2024/05/21 09:43
kindeditor 增加加flv上传视频插件JW player
网上有利用原来的flash或media插件修改的方法,不过为了不影响原编辑器的使用或升级,还是采用新增一个flvplayer插件的办法
1、在plugin下建立文件夹flvplayer, 建立flvplaery.js文件 源码如下
/*******************************************************************************
* KindEditor - WYSIWYG HTML Editor for Internet
* Copyright (C) 2006-2011 kindsoft.net
*
* @author Roddy <luolonghao@gmail.com>
* @site http://www.kindsoft.net/
* @licence http://www.kindsoft.net/license.php
*******************************************************************************/
KindEditor.plugin(
'flvplayer'
,
function
(K) {
var
self =
this
, name =
'flvplayer'
, lang = self.lang(name +
'.'
),
allowFlashUpload = K.undef(self.allowFlashUpload,
true
),
allowFileManager = K.undef(self.allowFileManager,
false
),
formatUploadUrl = K.undef(self.formatUploadUrl,
true
),
extraParams = K.undef(self.extraFileUploadParams, {}),
filePostName = K.undef(self.filePostName,
'imgFile'
),
uploadJson = K.undef(self.uploadJson, self.basePath +
'php/upload_json.php'
);
self.plugin.flash = {
edit :
function
() {
var
html = [
'<div style="padding:20px;">'
,
//url
'<div class="ke-dialog-row">'
,
'<label for="keUrl" style="width:60px;">'
+ lang.url +
'</label>'
,
'<input class="ke-input-text" type="text" id="keUrl" name="url" value="" style="width:160px;"> '
,
'<input type="button" class="ke-upload-button" value="'
+ lang.upload +
'"> '
,
'<span class="ke-button-common ke-button-outer">'
,
'<input type="button" class="ke-button-common ke-button" name="viewServer" value="'
+ lang.viewServer +
'">'
,
'</span>'
,
'</div>'
,
//width
'<div class="ke-dialog-row">'
,
'<label for="keWidth" style="width:60px;">'
+ lang.width +
'</label>'
,
'<input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="550" maxlength="4"> '
,
'</div>'
,
//height
'<div class="ke-dialog-row">'
,
'<label for="keHeight" style="width:60px;">'
+ lang.height +
'</label>'
,
'<input type="text" id="keHeight" class="ke-input-text ke-input-number" name="height" value="400" maxlength="4"> '
,
'</div>'
,
'</div>'
].join(
''
);
var
dialog = self.createDialog({
name : name,
width : 450,
title : self.lang(name),
body : html,
yesBtn : {
name : self.lang(
'yes'
),
click :
function
(e) {
var
url = K.trim(urlBox.val()),
width = widthBox.val(),
height = heightBox.val();
if
(url ==
'http://'
|| K.invalidUrl(url)) {
alert(self.lang(
'invalidUrl'
));
urlBox[0].focus();
return
;
}
if
(!/^\d*$/.test(width)) {
alert(self.lang(
'invalidWidth'
));
widthBox[0].focus();
return
;
}
if
(!/^\d*$/.test(height)) {
alert(self.lang(
'invalidHeight'
));
heightBox[0].focus();
return
;
}
// var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
// src : url,
// type : K.mediaType('.swf'),
// width : width,
// height : height,
// quality : 'high'
// });
var
html=
''
+
'<a href="'
+url+
'" style="display:block;width:'
+width+
'px;height:'
+height+
'px;" id="player"> </a> '
;
self.insertHtml(html).hideDialog().focus();
}
}
}),
div = dialog.div,
urlBox = K(
'[name="url"]'
, div),
viewServerBtn = K(
'[name="viewServer"]'
, div),
widthBox = K(
'[name="width"]'
, div),
heightBox = K(
'[name="height"]'
, div);
urlBox.val(
'http://'
);
if
(allowFlashUpload) {
var
uploadbutton = K.uploadbutton({
button : K(
'.ke-upload-button'
, div)[0],
fieldName : filePostName,
extraParams : extraParams,
url : K.addParam(uploadJson,
'dir=flvplayer'
),
afterUpload :
function
(data) {
dialog.hideLoading();
if
(data.error === 0) {
var
url = data.url;
if
(formatUploadUrl) {
url = K.formatUrl(url,
'absolute'
);
}
urlBox.val(url);
if
(self.afterUpload) {
self.afterUpload.call(self, url, data, name);
}
alert(self.lang(
'uploadSuccess'
));
}
else
{
alert(data.message);
}
},
afterError :
function
(html) {
dialog.hideLoading();
self.errorDialog(html);
}
});
uploadbutton.fileBox.change(
function
(e) {
dialog.showLoading(self.lang(
'uploadLoading'
));
uploadbutton.submit();
});
}
else
{
K(
'.ke-upload-button'
, div).hide();
}
if
(allowFileManager) {
viewServerBtn.click(
function
(e) {
self.loadPlugin(
'filemanager'
,
function
() {
self.plugin.filemanagerDialog({
viewType :
'LIST'
,
dirName :
'flvplayer'
,
clickFn :
function
(url, title) {
if
(self.dialogs.length > 1) {
K(
'[name="url"]'
, div).val(url);
if
(self.afterSelectFile) {
self.afterSelectFile.call(self, url);
}
self.hideDialog();
}
}
});
});
});
}
else
{
viewServerBtn.hide();
}
var
img = self.plugin.getSelectedFlash();
if
(img) {
var
attrs = K.mediaAttrs(img.attr(
'data-ke-tag'
));
urlBox.val(attrs.src);
widthBox.val(K.removeUnit(img.css(
'width'
)) || attrs.width || 0);
heightBox.val(K.removeUnit(img.css(
'height'
)) || attrs.height || 0);
}
urlBox[0].focus();
urlBox[0].select();
},
'delete'
:
function
() {
self.plugin.getSelectedFlash().remove();
}
};
self.clickToolbar(name, self.plugin.flash.edit);
});
</luolonghao@gmail.com>
2、css文件中增加
.ke-icon-flvplayer {
background-position
:
0px
-512px
;
width
:
16px
;
height
:
16px
;
}
3、默认插件调用增加
kindeditor.js
items : 里面增加 'flvplayer'
4、关于上传和文件管理 的服务器脚本修改(以asp为例)
If instr(lcase("image,flash,media,file,flvplayer"), dirName) < 1 Then showError("目录名不正确。"&dirName)End IfSelect Case dirName Case "flash" extStr = flashExtStr Case "media" extStr = mediaExtStr Case "file" extStr = fileExtStr Case "flvplayer" extStr = flashExtStr Case Else extStr = imageExtStrEnd Select
相应的还要在flashExtStr 里面增加 播放器支持的格式 如 .flv .f4v .mp4等
file_manager_json.asp 里面对应增加 flvplayer 目录权限、格式等
综上,插件安装好后,以后如果换Flv网页播放器 只需对应换第1条里面的红色html部分代码即可
文章来源:http://www.cnblogs.com/henshui/archive/2013/02/06/2903610.html
0 0
- kindeditor 增加加flv上传视频插件JW player
- JW Player, FLV Player 字幕
- JW Player 网页视频媒体播放插件
- JW Player 网页视频媒体播放插件
- JW FLV PLAYER 中文文档
- FLV网页播放器JW FLV PLAYER
- jw flv media player 的使用问题
- Kindeditor(版本号4.0.5)编辑器添加上传flv视频功能
- Kindeditor(版本号4.0.5)编辑器添加上传flv视频功能
- 不错flv播放器 JW FLV MEDIA PLAYER 4.2
- 搭建视频点播服务器 nginx/ flv /jw flv player
- JW FLV PLAYER 在线FLV播放器中文使用说明
- 搭建视频点播服务器 nginx/ flv /jw flv player
- JW-FLV-Media-Player 问题索引【常见问题及解决方案】
- jw player
- 为kindeditor添加在线播放视频功能(基于原有flash上传,mp4,flv,flash)
- 为kindeditor添加在线播放视频功能(基于原有flash上传,mp4,flv,flash)
- 为kindeditor添加在线播放视频功能(基于原有flash上传,mp4,flv,flash)
- tomcat环境变量的配置
- JAVASCRIPT面向对象(继承)第三章
- android手机通过WIFI与硬件进行通信
- Spring与SpringMVC的容器关系分析
- 安卓activity之间互相通信的问题
- kindeditor 增加加flv上传视频插件JW player
- Java练习笔记 -ThreadLocal的一种应用场景
- POJ 2230 Watchcow
- 利用栈判断括号配对————记下来,有空写一下
- 重新理解JS的6种继承方式
- win7使用mklink命令
- RecyclerView 如何实现复杂的布局(APP首页)有效果图,希望大神给个思路,欢迎
- Android Crash解决方案之android.view.WindowManager$BadTokenException
- 为什么要学习引擎?