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

目前（2009-10-20）最新的版本是4.6版。

三、安装

JW Player可安装在网络空间，我从未如此运用过，而是上传到我的网盘，因此本篇的介绍也是基于此种情况，而列为看官当然懂得如何触类旁通。另外，我们一定要选择可以直链的网盘上传，何谓“直链”，即外链地址以完整的文件名为结尾（含.后缀名），如http://www.xxx.com/xxx.mp3。

1、首先到官网下载源文件，下载地址：http://www.longtailvideo.com/players/jw-flv-player/。

下载来的文件是zip压缩包，解压之后可以看到内含以下文件：

2、将player.swf和swfobject.js这两个文件上传到网盘（建议在网盘上为它们单独建立一个文件夹，本篇示例文件夹JW Player），安装即告完毕，就这么简单！

四、使用设置向导

官网特别提供一个设置页面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>。

关于Embed Code各项参数的详细介绍，请参阅Adobe官网：http://kb2.adobe.com/cps/127/tn_12701.html。这个话题不小，值得另开一篇介绍文章。

1、设置向导概览

（点击打开大图）

JW Player设置非常灵活，代价就是参数非常多，搞清楚参数的意义很重要，官网也提供相关资料供我们查阅：http://developer.longtailvideo.com/trac。

特别注意：如果你的网址参数值带有“?”、“=”和“&”这三个字符，必须先转换再填写，如下：

“?”转换为“%3F”
“=”转换为“%3D”
“&”转换为“%26”

例如：原网址为：getplaylist.php?id=123&type=flv，转换后为：getplaylist.php%3Fid%3D123%26type%3Dflv。

2、选择模板

官网为我们提供了多达21种模板，每选择一种模板，下面的参数值和播放器预览将自动 更新。虽然大部分模板今后我们恐怕几乎用不上，我还是建议新手一定要把每一种模板都点击一下，再好好体会下面的参数值，这既有助于我们领会众多参数所代表 的含义，还可以在播放器预览直接看到参数所体现的效果。

模板其实就是一件半成品，熟悉模板还可以让我们快速而准确地挑选最接近成品的模板，善用模板将大大提高效率。

需要多费口舌的是带播放清单模板“flvplayer with an rss playlist”，这个留待后面谈flie参数时再详细介绍。

3、嵌入参数

嵌入参数有三个内容：

*swf来源：填写我们之前上传到网盘player.swf的直链地址
*播放器高度：填写pix（像素）值或浏览窗口百分比
*播放器宽度：填写pix（像素）值或浏览窗口百分比

如果高度和宽度填写的是百分比，那么播放器的大小是弹性的，它将随浏览器窗口和所在网页留给播放器窗口的大小而变化。

4、媒体文件属性参数

*媒体作者：填写媒体作者名字
*媒体描述：媒体的文字描述
*字幕：XML字幕文件的链接地址（XML字幕文件也是一个大话题，将另文介绍）
*持续时间：媒体播放的持续时间（秒）
*媒体文件：媒体文件或XML播放清单的链接地址

关于JW Player可支持的媒体格式详情，请参阅：http://developer.longtailvideo.com/trac/wiki/FlashFormats。大致分类：单文件媒体（视频：FLV、MP4和AAC音频；音频；MP3；图像：JPG、GIF和PNG），YouTube视频，Livestream.com视频，HTTP流媒体，RTMP流媒体，XML播放清单。

我们要面对的模板其实可以归于两大类：一是播放单文件媒体；二是播放多文件媒体。单 文件媒体好办，直接在参数file告诉播放器媒体文件的所在地址既可。如果要播放多文件媒体，那就要把所有媒体文件按顺序组织起来，并保存为XML文件 （可以用“记事本”打开和编辑） ，这就是XML播放清单，而file参数就填上这个XML文件的链接地址。JW Player支持的播放清单格式有：XSPF、RSS（itunes、media）、ASX、ATOM。

关于XML播放清单见我的另一篇介绍文章《JW Player之XML播放清单简介》。

请注意，JW Player是以文件后缀名来判断媒体类别，如果播放器没有找到合适的后缀名，它将假定载入的是播放清单。

*预览图像：预览图片的链接地址

何谓“预览图像”？当播放器停止播放时，它显示的图像。

外部链接地址：当填写此项参数值后，播放器的控制面板将多出一个链接按钮，点击可以打开外部链接网页。请看截图：

*开始时间：定位从第几秒开始播发，仅对HTTP / RTMP流媒体有效。
*媒体标题：如果你将播放器设置成带播放清单（Playlist），媒体标题将出现在播放清单。