网页媒体播放器(JW Player)

JW Player使用简介  

一、JW Player是什么？

简单地说，JW Player是一种基于flash的交互式网页媒体播放器。它是由Jeroen 和 Wijering共同建立的LongTail Video所开发，问世于2005年，当时仍名不经传的YouTube首次采用的播放器就是JW Player。官方网址：http://www.longtailvideo.com/。

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。此外它还提供多种外观、功能性插件来扩展播放器，以便我们可以分享、推荐、搜索、分析甚至广告投放。

三、使用设置向导

官网特别提供一个设置页面http://www.longtailvideo.com/support/jw-player-setup-wizard，可以在网页上提交、设置播放器参数，生成嵌入代码，把生成的代码稍作修正后粘贴到博客或空间即可。

设置向导提供两种代码：默认的Swfobject 1.5 Code（即JavaScripting）和Embed Code。我没有机会运用Swfobject 1.5 Code，因此本篇只介绍Embed Code。

前面我提到过生成的代码要稍作修正：为了方便在网页小窗口浏览生成的代码，官网给出的代码是按各项参数分行了的，如果复制后就直接粘贴，可能会使播放器不能正常工作，我建议先把代码复制到“记事本”后，删除段落标记，注意每项参数之间还要保留一个空格位，再复制到空间或博客。

Embed 代码的格式一般是这样：<embed 参数1=”参数值” 参数2=”参数值” ……参数n=”参数值”></embed>。

四、官网使用examples

    http://www.longtailvideo.com/support/jw-player

截图：

五、自己项目实践代码

自己项目实践源代码：配置

（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;
}
}
});
*/

转载 :http://blog.chinaunix.net/uid-24343152-id-3505735.html