jwplayer编译和自定义logo

1.你需要一套源码，官网地址/
2.编译源码，你需要安装FLASH BUILDER或FLEX BUILDER。

3.现在测试编译源码，打开FLASH BUILDER，点击文件-新建-创建-ActionSctrip项目。

项目路径选择JW源码包的根目录。

项目名不要起player就可以。

我的项目名是newplayer。

打开newplayer.as文件，添加JW的项目包com.longtailvideo.jwplayer.player.Player。

newplayer.as文件代码如下
package
{
import flash.display.Sprite;
import com.longtailvideo.jwplayer.player.Player;
public class newplayer extends Player
{
public function newplayer()
{
}
}
}
点击项目-导出发行版。

如果没问题的话，会在JW目录的bin-release下生成我们需要的播放器，名字和项目名相同，本例中就是newplayer.swf。

4.下面对部分内容解析一下
我们生成的播放器有一些问题，首先是播放器的左下角的JWPLAYER的LOGO需要去掉。

打开包资源管理器，选择SRC中的COM包，选择longtailvido.jwplayer，这个下面就是我们需要所有包内容。

如图下
打开view包下面的view.as文件。

找到函数setupComponents，注释掉里面的setupComponent(_logo, n++);代码段。

LOGO就不会出现了。

然后是播放器右键的about JWplayer选项去掉
打开VIEW包下面的RightclickMenu.as文件。

找到函数initializeMenu，注释掉代码段setAboutText();就可以了。

5.播放器皮肤更换及播放器向导
下载JW PLAYER的发行版。

放到你的APACHE的WEB目录下。

官网提供了很多其他类型的播放器皮肤，可以到网上下载使用，使用方法很简单。

用Dreamweave创建个空白HTML文件取名index.html，放到JW的目录下。

然后使用JW的向导，配置一份你需要的播放器样式。

地址是
/support/jw-player-setup-wizard
拷贝页面提供的代码，粘贴到新建的index.html文件中。

注意修改var so = new SWFObject('player.swf','ply','470','320','9','#000000');中播放器的名字。

使用浏览器打开本地播放器页面，就会正常运行了。

将下载到的皮肤包压缩文件classic.zip放到播放器目录，在index.html代码添加
so.addVariable('skin','classic.zip');，这样皮肤就换好了。

6.自定义播放器功能按键
假如想在播放器的控制栏中放入一个LOGO，并且LOGO可以点击弹出一个网页，这就需要更改很多东西。

首先需要添加自定义事件，打开events包下面的ViewEvent.as文件，添加事件变量如下：注意大小写
public static var
NEW_LOGO:String = "newLogo";
然后添加事件动作及监听声明等。

打开controller下的Controller.as
找到addViewListeners函数，添加监听事件如下：
_view.addEventListener(ViewEvent.NEW_LOGO,
newLogo);
添加反应函数newLogo如下：
protected function newLogo(evt:ViewEvent):void { nLogo(); }
接着添加函数nLogo
public function nLogo():void {
navigateToURL(new URLRequest('/'), '_blank');
}
这样，控制栏中新加的LOGO动作和监听都已经加好了，点击后会弹出设置好的网页。

现在需要添加新的皮肤按钮组件到新的播放器上。

打开components下的ControlbarComponent.as文件。

添加用户界面动作定义
[Event(name="newLogo",
type="com.longtailvideo.jwplayer.events.ViewEvent")]
修改_defaultLayout变量定义如下：
protected var _defaultLayout:String =
"[play|stop|prev|next|elapsed][time][duration|blank|fullscreen|mute volume|newLogo]";
找到函数setupDefaultButtons，在函数中添加代码
addComponentButton('newLogo', ViewEvent.NEW_LOGO);
这样，源代码部分就全部改好了，需要修改的就只有皮肤配置了，新添加进来的按键名字叫newLogo。

添加一张图片文件充当按钮，名字叫favicon.png,放入到classic.zip的controlbar目录下。

打开classic.zip的classic.xml文件，修改里面的内容。

添加layout样式如下
<?xml version="1.0"?>
<skin version="1.0" name="Classic" author="LongTail Video">
<settings>
......
</settings>
<components>
<component name="controlbar">
<settings>
......
</settings>
<layout>
<group position='left'>
......
</group>
<group position='center'>
<slider name='time' />
</group>
<group position='right'>
<text name='elapsed' />
<divider />
<button name='blank' />
<divider />
<button name='mute' />
<slider name='volume' />
<divider />
<button name='newLogo' />
</group>
</layout>
<elements>
<element name="newLogoButton" src="favicon.png" />
<element name="newLogoButtonOver" src="favicon.png" /> <element name="background" src="background.png" />
<element name="capLeft" src="capLeft.png" />
<element name="capRight" src="capRight.png" />
<element name="divider" src="divider.png" />
......
运行后效果如下，点击五角星弹出新页面。