网页媒体播放器(JW Player)

JW Player使用简介

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

三、使用设置向导

官网特别提供一个设置页面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;
 }
 }
 });
 */