全部博文(118)
分类: Web开发
2013-03-02 10:13:29
一、JW Player是什么?
简单地说,JW Player是一种基于flash的交互式网页媒体播放器。它是由Jeroen 和 Wijering共同建立的LongTail Video所开发,问世于2005年,当时仍名不经传的YouTube首次采用的播放器就是JW Player。官方网址:。
JW Player含:FLV Player、WMV Player、Image Rotator和Desktop Player四种,除了最后一种实为桌面播放器,其他三种都是网页播放器。本篇内容仅限FLV Player。
二、JW FLV Media Player简介
JW FLV Media Player可播放Adobe Flash Player所支持的媒体,具体包括:FLV、MP4、MP3、AAC、JPG、PNG和GIF等,还支持RTMP、HTTP、实时视频流、各种播放清单格式、灵活的设置和广泛的javascript API。此外它还提供多种外观、功能性插件来扩展播放器,以便我们可以分享、推荐、搜索、分析甚至广告投放。
三、使用设置向导
官网特别提供一个设置页面,可以在网页上提交、设置播放器参数,生成嵌入代码,把生成的代码稍作修正后粘贴到博客或空间即可。
设置向导提供两种代码:默认的Swfobject 1.5 Code(即JavaScripting)和Embed Code。我没有机会运用Swfobject 1.5 Code,因此本篇只介绍Embed Code。
前面我提到过生成的代码要稍作修正:为了方便在网页小窗口浏览生成的代码,官网给出的代码是按各项参数分行了的,如果复制后就直接粘贴,可能会使播放器不能正常工作,我建议先把代码复制到“记事本”后,删除段落标记,注意每项参数之间还要保留一个空格位,再复制到空间或博客。
Embed 代码的格式一般是这样:。
四、官网使用examples
截图:
五、自己项目实践代码
(1)引用的js配置(名字自己改过了)
(2)jsp页面调用
引用的js:
访问的2中方式
//通过http服务访问
jwplayer("container").setup({
/* flashplayer : framSrc,
image: imagePath,
file: filePath,
controlbar : 'bottom',
startparam: "ec_seek"*/
flashplayer : framSrc,
file: filePath,
controlbar : 'bottom',
events : {
onComplete : function() {
doUpdateState(1);
alert("学习结束!");
isComplete = true;
}
}
});
/*通过red5,rmtp协议访问
jwplayer("container").setup({
flashplayer : framSrc,
file : fileName,
//start : beginPos,
streamer : filePath,
controlbar : 'bottom',
width : fwidth,
height : fheight,
events : {
onComplete : function() {
doUpdateState(1);
alert("学习结束!");
isComplete = true;
}
}
});
*/