随笔 - 251  文章 - 504  trackbacks - 0
<2008年7月>
293012345
6789101112
13141516171819
20212223242526
272829303112
3456789

本博客系个人收集材料及学习记录之用,各类“大侠”勿扰!

留言簿(14)

随笔分类

收藏夹

My Favorite Web Sites

名Bloger

非著名Bloger

搜索

  •  

积分与排名

  • 积分 - 179956
  • 排名 - 301

最新评论

         在Fckeditor中加入上传音频视频功能,办法是通过扩展原来的flash上传来实现。过程中出现了乱码问题,现在把调试的过程记录下来。部分内容参考了“玉树临风真情无限”的日志。

         软件版本:FckEditor2.6.2;平台:Windows XP;数据库:MySQL。
1.  分别打开editor/js文件夹下的fckeditorcode_ie.js、fckeditorcode_gecko.js文件。将代码:
||/\.swf($|#|\?)/i.test(A.src) 
替换为:
1||/\.swf($|#|\?)/i.test(A.src)||/\.mpg($|#|\?)/i.test(A.src)||/\.asf($|#|\?)/i.test(A.src)||/\.wma($|#|\?)/i.test(A.src)
2
3||/\.wmv($|#|\?)/i.test(A.src)||/\.avi($|#|\?)/i.test(A.src)||/\.mov($|#|\?)/i.test(A.src)||/\.mp3($|#|\?)/i.test(A.src)
4
5||/\.rmvb($|#|\?)/i.test(A.src)||/\.mid($|#|\?)/i.test(A.src)
6
        这段代码用来判断文件后缀名,当然文件格式可以自定义,不过要考虑和其他地方相吻合。
2. 打开/editor/dialog/fck_flash/fck_flash.js文件。
2.1 增加以下程序代码,用来判断文件后缀名:
 1function WinPlayer(url){
 2
 3var r, re;
 4
 5re = /.(avi|wmv|asf|wma|mid|mp3|mpg)$/i;
 6
 7= url.match(re);
 8
 9return r;
10
11}

12
13function RealPlayer(url){
14
15var r, re;
16
17re = /.(.rm|.ra|.rmvb|ram)$/i;
18
19= url.match(re);
20
21return r;
22
23}

24
25function QuickTime(url){
26
27var r, re;
28
29re = /.(mov|qt)$/i;
30
31= url.match(re);
32
33return r;
34
35}

36
37function FlashPlayer(url){
38
39var r, re;
40
41re = /.swf$/i;
42
43= url.match(re);
44
45return r;
46
47}

48
2.2 替换两个地方的代码:一个在UpdatePreview()中,将:
SetAttribute( e, 'type', 'application/x-shockwave-flash' ) ;
替换为:
if(WinPlayer(GetE('txtUrl').value)!=null)

SetAttribute( e, 'type', 'application
/x-mplayer2' ) ; 

}
 

if(RealPlayer(GetE('txtUrl').value)!=null)

SetAttribute( e, 'type', 'audio
/x-pn-realaudio-plugin' ) ; 

}
 

if(QuickTime(GetE('txtUrl').value)!=null)

SetAttribute( e, 'type', 'application
/video/quicktime' ) ; 

}
 

if(FlashPlayer(GetE('txtUrl').value)!=null)

SetAttribute( e, 'type', 'application
/x-shockwave-flash' ) ; 

SetAttribute( e, 'pluginspage', 'http:
//www.macromedia.com/go/getflashplayer' ) ; 

}


另一个地方在UpdateEmbed()中,将:
SetAttribute( e, 'type' , 'application/x-shockwave-flash' ) ;

SetAttribute( e, 'pluginspage' , 'http:
//www.macromedia.com/go/getflashplayer' ) ;
替换为:
if(WinPlayer(GetE('txtUrl').value)!=null){

SetAttribute( e, 'type' , 'application
/x-mplayer2' ) ; 

SetAttribute( e, 'autostart', GetE('chkAutoPlay').checked 
? 'true' : 'false' ) ;

}


if(RealPlayer(GetE('txtUrl').value)!=null){

SetAttribute( e, 'type' , 'audio
/x-pn-realaudio-plugin' ) ; 

SetAttribute( e, 'autostart', GetE('chkAutoPlay').checked 
? 'true' : 'false' ) ;

}


if(QuickTime(GetE('txtUrl').value)!=null){

SetAttribute( e, 'type' , 'video
/quicktime' ) ; 

SetAttribute( e, 'autostart', GetE('chkAutoPlay').checked 
? 'true' : 'false' ) ;

}


if(FlashPlayer(GetE('txtUrl').value)!=null){

SetAttribute( e, 'type' , 'application
/x-shockwave-flash' ) ;

SetAttribute( e, 'pluginspage' , 'http:
//www.macromedia.com/go/getflashplayer' ) ;

}


3.打开/fckconfig.js文件,将:
FCKConfig.FlashUploadAllowedExtensions = ".(swf)$" ; // empty for all
替换为:
FCKConfig.FlashUploadAllowedExtensions = ".(swf|fla|mpg|asf|wma|wmv|avi|mov|mp3|rmvb|mid)$" ; // empty for all
      到此,基本功能已经完成。剩下的是一些细节的设置。
4. 其他设置
4.1 编辑框中文字的设置:打开/editor/lang/zh-cn.js 文件,将flash替换成想要显示的文字。
4.2 默认的音频视频播放效果是循环、自动播放、带操作menu的样式,可以通过设置来显示成想要的效果。方法还是在/editor/dialog/fck_flash/fck_flash.js文件,在UpdateEmbed()方法中,将对应的文件格式中的,
SetAttribute( e, 'play', GetE('chkAutoPlay').checked ? 'true' : 'false' )
替换为:

SetAttribute( e, 'autostart', GetE('chkAutoPlay').checked 
? 'false' : 'true' ) ;

   
posted on 2008-07-16 17:59 matthew 阅读(5647) 评论(88)  编辑  收藏

FeedBack:
# re: FckEditor上传音频视频 2008-07-18 10:43 zzz_0429
能发份完整的给小弟不,包括用到的jar包
我的邮箱
zzz_0429@yahoo.com.cn
谢谢!  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2008-07-24 20:05 matthew
@zzz_0429
一个简单测试工程包,发你邮箱了。查收!  回复  更多评论
  
# re: FckEditor上传音频视频 2008-08-09 19:03 y8y8y82005
我也想要一个完整的给小弟,包括用到的jar包
谢谢你啊!!!
我的邮箱
y8y8y82005@126.com  回复  更多评论
  
# re: FckEditor上传音频视频 2008-09-26 12:59 ylj
我也想要一个完整的给小弟,包括用到的jar包
谢谢你啊!!!
我的邮箱
bob0234@163.com   回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2008-09-27 11:40 小菜
给我发个啊 jkhjg1984@yahoo.com.cn
  回复  更多评论
  
# re: FckEditor上传音频视频 2008-12-15 22:43 新手中的老手
一直在找这个代码,请发一个完整的给我吧,求你了!
hz_xjy@yahoo.com.cn  回复  更多评论
  
# re: FckEditor上传音频视频 2008-12-21 06:26 Rqiqi.Cn
你好啊,看到了你关于fckeditor的音频插入插件很兴奋,我以为找到了解决办法,可是改完以后却很失望,因为这样插入的音频不能播放。我不知道是否忽视了什么东西,所以请求你发一个完整的插件包给我好么,谢谢你了,帮我一把  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2008-12-22 17:19 matthew
已发送,查收。。  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2008-12-22 17:19 matthew
@Rqiqi.Cn
设置下插件的播放属性。  回复  更多评论
  
# re: FckEditor上传音频视频 2009-01-05 11:34 .net学习
我使用后发现只能上传flash 其他视频格式在点上传后 按钮闪了闪 就没有任何反映 或者有时候出现类型错误提示 能把你的测试代码发我1份 我参考下 谢谢
machunyun007@eyou.com 急 谢谢了  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2009-01-15 12:46 wing
你好,我按照你上面的调试了,但程序提示上传文件格式错误
不知是怎么回事,都照你那一步步来的呀
能发我一份吗,谢了
wing_sun@yeah.net
  回复  更多评论
  
# re: FckEditor上传音频视频 2009-01-21 10:17 sinlff@163.com
楼上的问题,小弟研究了半天好像发现了
要在 web.xml里配置改改
<init-param>
<param-name>AllowedExtensionsFlash</param-name>
.(swf|fla|mpg|asf|wma|wmv|avi|mov|mp3|rmvb|mid)
<param-value>swf|fla|mpg|asf|wma|wmv|avi|mov|mp3|rmvb|mid</param-value>
</init-param>

貌似和FCK配置和WEB。XML里是双重验证的  回复  更多评论
  
# re: FckEditor上传音频视频 2009-02-02 10:34 weirong
你好啊,我也是按照你说的步骤一步一步来,可是总提示类型错误,,要不就是js报错说权限不够,不知道什么地方有问题

如果你有时间的话,也发一份给我好吗?万分感激!!

wei_rongll@163.com

谢谢!  回复  更多评论
  
# re: FckEditor上传音频视频 2009-02-27 15:06 whua
刚刚做这个东西,也是发现上面的错误
2005_wanghua@163.com
谢了  回复  更多评论
  
# re: FckEditor上传音频视频 2009-03-13 11:21 小王
你好请打包发一个给我谢谢了


我的油箱:234788028@qq.com  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2009-03-14 13:22 许俊
我也想要一个完整的代码或是列子!邮箱:xudengliang@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2009-03-20 10:31 周红鑫
发一份给我。我试了你的方法。可总是提示文件类型错误。我用的是FCK2.6.3的、邮箱:gbk2312@sina.com<br/>
foxaobe@126.com<br/>
foxaobe@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2009-03-24 16:00 张富民
您好,我也是按照上面的要求改的,上传视频文件是也提示是无效类型,你将您配置好的发给我一份吗?我的邮箱:zfm2008@sina.com 谢谢了!  回复  更多评论
  
# re: FckEditor上传音频视频 2009-04-06 12:03 vandermonde
我现在在做一个项目,需要用到这个
好着急
可以也发一个给我吗?
我的邮箱是:yu.guojun@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2009-04-08 16:09 lizonghua
我现在做项目,急用这个,能给我发一个吗? lizonghua1979014@sohu.com
急,急,急.  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2009-04-16 18:48 john
请联系我QQ:54243115,急用,谢谢了  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2009-04-19 12:49 matthew
很久没上javablog了,发一份给大家参考。望查收!  回复  更多评论
  
# re: FckEditor上传音频视频 2009-04-24 15:13 crazywan
你好,能发给我一个例子吗,谢谢!!
crazywan@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2009-05-15 10:11 clhqk
你好,也发我一份吧!
clhqk@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2009-05-26 11:00 .net
da_da0_1@163.com
用了以后 视频可以出来 但是播放按钮是没有用的
来一份吧 谢谢  回复  更多评论
  
# re: FckEditor上传音频视频 2009-06-03 15:23 gyzyp
您好,请给我发一份吧,万分感谢!
gy_zyp@126.com  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2009-06-15 10:59 Kevin
我照着修改了 ,可是还是无法上传wmv ,上传的FLV无法播放?怎么回事啊??
我自己在asp.net 下用的
方便得话给我个修改后的,xmdxxa@qq.com 谢谢了  回复  更多评论
  
# re: FckEditor上传音频视频 2009-07-20 14:44 zxcayumi
zxc_mjf@163.com我也要,谢谢。  回复  更多评论
  
# re: FckEditor上传音频视频 2009-08-06 09:52 杨波
哥们,你好,我完全按照你的方法做了,但是会出现“无效的文件类型提示”错误,网上比较具体的资料只有你这一篇了,你能说说怎样解决这个问题吗?要不你把你的源文件给我一份。yangbo1346632@126.com  回复  更多评论
  
# re: FckEditor上传音频视频 2009-08-06 09:52 杨波
谢谢啊  回复  更多评论
  
# re: FckEditor上传音频视频 2009-09-05 11:00 阿帝
你好,我修改以后提示文件类型错误,能给我一份吗?
tzadi@126.com  回复  更多评论
  
# re: FckEditor上传音频视频 2009-09-07 11:08 李冰
你好,我修改后也出现文件类型错误 ,无法上传 能给我传一份么 谢谢
bing251289565@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2009-09-11 16:49 小王
我也想要一个,谢谢这为大哥!!
E-mail:644838638@qq.com  回复  更多评论
  
# re: FckEditor上传音频视频 2009-09-12 17:12 bear
也发个我吧...
51tobear@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2009-10-09 17:15 moth
357430382@qq.com 给我也发一份,谢谢,急用  回复  更多评论
  
# re: FckEditor上传音频视频 2009-10-15 16:57 tobyxiong
这位大哥能发给我一份吗?谢谢!
EMAIL:289663921@qq.com  回复  更多评论
  
# re: FckEditor上传音频视频 2009-11-14 15:50 sunlightcs
能不能发我一份了,谢谢!!
sunlightcs@gmail.com  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2009-11-17 16:37 小猪
谢谢,也给我发份吧。sallylin_427@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2009-11-26 10:45 faiy134
谢谢,也给我发份吧。ladi1314@qq.com  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2009-12-02 12:06 cynthia
能不能发给我一份呢?谢谢了啊!jialisi1986@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2009-12-07 12:04 xu
谢谢,给我发一份你的测试fckeditor项目吧,我修改好了。传了个视频,但只要声音。邮箱:xue571@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2009-12-19 23:42 
是不是漏了什么···  回复  更多评论
  
# re: FckEditor上传音频视频 2009-12-19 23:43 
可不可以发一份给我
504996150@qq.com
或者告诉我哪里还有修改·  回复  更多评论
  
# re: FckEditor上传音频视频 2010-01-03 15:07 士大夫
另一个地方在UpdateEmbed()中,
不知道這個方法在哪裡文件中   回复  更多评论
  
# re: FckEditor上传音频视频 2010-01-04 11:07 g
g  回复  更多评论
  
# re: FckEditor上传音频视频 2010-01-04 11:14 g
能给我发一个吗 我有急用 先谢谢了   回复  更多评论
  
# re: FckEditor上传音频视频 2010-01-04 11:16 g
fangxiaoyan0617@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2010-01-25 22:47 huangliangcoco
您好,我配置了半天,结果还是提示上传文件错误,能不能把完整代码发给我呀,谢谢了。我的邮箱是:huangliangcoco@126.com  回复  更多评论
  
# re: FckEditor上传音频视频 2010-01-27 15:48 备课资源库
还要修改config.asp,我已经修改成功了,没有改成功的请联系我的QQ:41048737
  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2010-05-17 17:35 过客
你好 我配置了好久 结果还是说类型不匹配,但是我重复几次还是出错,也许哪里还是得加点什么没有加上去,看到楼上有很多人说发一份 我也想要,可以的话希望把没有弄上的东西补上,这样老麻烦你 不好意思~  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2010-05-17 17:35 过客
我的邮箱 747285753@qq.com 谢谢了  回复  更多评论
  
# re: FckEditor上传音频视频 2010-05-24 15:44 happy
我也想要一个,谢谢
邮箱:happy_abu0909@126.com  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2010-05-29 14:34 aa
和他们一样的结果,  回复  更多评论
  
# re: FckEditor上传音频视频 2010-07-02 08:26 ZH
有没有成功的呀  回复  更多评论
  
# re: FckEditor上传音频视频 2010-07-30 11:47 dragonfly
大哥,发一份完整的fck给我吧,谢谢了。邮箱dragonflyjiang@gc-isoft.com  回复  更多评论
  
# re: FckEditor上传音频视频 2010-08-04 10:00 ilven
哥,发一份完整的代码给我吧,谢谢了,邮箱:494037935@qq.com  回复  更多评论
  
# re: FckEditor上传音频视频 2010-08-04 11:22 王凯峰
yueding920@163.com 能否给我也发一份呢。现在正在需要这个呢。  回复  更多评论
  
# re: FckEditor上传音频视频 2010-08-05 10:13 lxf
版主大哥,我照你说的步骤配置却上传不了音频文件,说我类型无效,能不能也给我发一份源码:邮箱:lxfsbxh@163.com,在此先谢谢了  回复  更多评论
  
# re: FckEditor上传音频视频 2010-09-07 14:31 zhf
按要求配置的 报文件类型错误 给我发份吧 谢谢了123892897@qq.com  回复  更多评论
  
# re: FckEditor上传音频视频 2010-09-11 13:22 邹剑波
我按网上各种各样的方法都做了 可是就是不能上传 不知道为什么 现在上面急要 我要急死了 麻烦你发给你配置好后的发给我好么。。555555555我要郁闷死了!!  回复  更多评论
  
# re: FckEditor上传音频视频 2010-09-11 13:23 邹剑波
不好意思 忘记写邮箱了 327033428@QQ.COM 或者您有空加一下QQ我问一下好吗  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2011-01-05 14:39 jason
27621845@qq.com  回复  更多评论
  
# re: FckEditor上传音频视频 2011-05-18 09:38 小唐
看你的配置我这不行啊,
我是用asp.net做的,
能不能给个完整的啊?
email:tys_mylove@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2011-08-15 16:04 ycysyhj
类型错误,邮箱 86176579@QQ.COM  回复  更多评论
  
# re: FckEditor上传音频视频 2011-10-21 16:22 付付
大哥,给我个也,我也弄了半天,没弄出来,麻烦了。  回复  更多评论
  
# re: FckEditor上传音频视频 2011-10-21 16:23 付付
我的邮箱是346444180@qq.com
谢谢咯。  回复  更多评论
  
# re: FckEditor上传音频视频 2011-11-21 09:15 crj
能发份完整的包吗?谢谢
shinkchen@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2012-04-17 10:11 wxwall
完整照做,不行,能不能发一份给我啊,wxwall@126.com  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2012-05-07 15:19 peter
楼主 我也是按你的步骤走的啊 还是不行 提示格式类型错误
给发一个成品呗 万分感谢!!!!!!peter32513@163.com  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2012-05-08 08:51 peter
@matthew
求帮助 peter32513@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2012-11-08 14:27 
求帮忙啊 按照你写的弄了 还是不能上传音频啊 Myfeixin163.com 万分感谢!!!  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2012-12-25 10:11 小利
可以发一份给我么qq二49471061,我在网上找了5-6个插件都不行@matthew
  回复  更多评论
  
# re: FckEditor上传音频视频 2013-01-06 15:37 飞飞飞
我按照你的一步步做的,但是上传avi视频它会提示我无效文件,不知道为什么,现在还能传给我一份吗,谢谢  回复  更多评论
  
# re: FckEditor上传音频视频 2013-01-06 15:59 飞飞飞
刚才忘了写邮箱了,231015558@qq.com  回复  更多评论
  
# re: FckEditor上传音频视频 2013-01-08 17:18 史晓曼
我按照你的一步步做的,但是上传avi视频它会提示我无效文件,不知道为什么,现在还能传给我一份吗,谢谢
我的邮箱sxm19881223@126.com  回复  更多评论
  
# re: FckEditor上传音频视频 2013-01-16 09:18 小王
兄弟,我按照你的方法也上传不了AVI视频,你能给我传一份完整的吗,谢谢,邮箱是490900650@qq.com   回复  更多评论
  
# re: FckEditor上传音频视频 2013-01-16 09:19 小王
不好意思,邮箱写错了 是490911650@qq.com  回复  更多评论
  
# re: FckEditor上传音频视频 2013-04-10 13:24 翔翔
修改后,仍然不能上传音频视频,能给我传份完整的吗,谢谢,邮箱:553207071@qq.com  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2013-06-27 16:28 fish
按照您的方法修改后,还是不行啊。能发个完整的给我吗 邮箱123936717@qq.com 谢谢  回复  更多评论
  
# re: FckEditor上传音频视频 2013-07-11 15:50 Glorin
能发份完整的给小弟不,包括用到的jar包
我的邮箱:zhengcai_163_com@163.com  回复  更多评论
  
# re: FckEditor上传音频视频 2013-09-13 15:58 Decmond
你好:
我通过你给出的方法做了下,但是没有任何的效果。请你能提供一个完整的包给我,非.net版本的。
我的邮箱:Decmond@163.com
谢谢!!  回复  更多评论
  
# re: FckEditor上传音频视频 2013-12-04 17:47 hgf
可以给我一份吗,谢谢hgfang@qq.com  回复  更多评论
  
# re: FckEditor上传音频视频 2013-12-09 15:12 522849711
能发我一份不,为什么我的上传成功了,视频在里面无法自动播放  回复  更多评论
  
# re: FckEditor上传音频视频 2013-12-09 15:12 522849711
我的QQ 522849711,谢谢了  回复  更多评论
  
# re: FckEditor上传音频视频 2013-12-10 17:19 clive
项目有问题 , 请给我发一份,谢谢
515791361@qq.com  回复  更多评论
  
# re: FckEditor上传音频视频 2014-06-26 08:06 Lena
能再发份咩,谢谢啦@matthew
  回复  更多评论
  
# re: FckEditor上传音频视频 2015-03-18 15:19 张德强
能不能发一份fck支持上传,播放视频的给我,我急用!  回复  更多评论
  
# re: FckEditor上传音频视频[未登录] 2015-04-07 15:19 hello
楼主可以将此代码共享出来呀 既然这么多人要!  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: