jwplayer编译和自定义logo.doc

1.你需要一套源码，官网地址/2.编译源码，你需要安装FLASH BUILDER或FLEX BUILDER。3.现在测试编译源码，打开FLASH BUILDER，点击文件-新建-创建-ActionSctrip项目。项目路径选择JW源码包的根目录。项目名不要起player就可以。我的项目名是newplayer。打开newplayer.as文件，添加JW的项目包com.longtailvideo.jwplayer.player.Player。newplayer.as文件代码如下packageimport flash.display.Sprite;import com.longtailvideo.jwplayer.player.Player;public class newplayer extends Playerpublic 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 varNEW_LOGO:String = newLogo;然后添加事件动作及监听声明等。打开controller下的Controller.as找到addViewListeners函数，添加监听事件如下：_view.addEventListener(ViewEvent.NEW_LOGO,newLogo);添加反应函数newLogo如下：protected function newLogo(evt:ViewEvent):void nLogo(); 接着添加函数nLogopublic 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|elapsedtimeduration|blank|fullscreen|mute volume|newLogo;找到函数setupDefaultButtons，在函数中添加代码addComponentButton(newLogo, ViewEvent.NEW_LOGO);这样，源代码部分就全部改好了，需要修改的就只有皮肤配置了，新添加进来的按键名字叫newLogo。添加一张图片文件充当按钮