Chinaunix首页 | 论坛 | 博客
  • 博客访问: 686966
  • 博文数量: 118
  • 博客积分: 2933
  • 博客等级: 少校
  • 技术积分: 1779
  • 用 户 组: 普通用户
  • 注册时间: 2010-07-27 10:16
文章存档

2013年(35)

2012年(27)

2011年(23)

2010年(33)

分类: Web开发

2013-03-02 10:13:29

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

三、使用设置向导


官网特别提供一个设置页面,可以在网页上提交、设置播放器参数,生成嵌入代码,把生成的代码稍作修正后粘贴到博客或空间即可。

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

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

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


四、官网使用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;
}
}
});
*/


阅读(10759) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~