·您当前的位置:首页 > 技术教程 > 播放器教程 >

[AS3]制作FLV播放器(AS3.0代码+加界面)

时间:2011-11-18 17:29CuPlayer
制作FLV播放器(AS3.0代码+加界面),此实例实现了美工和代码的分离,播放器界面部分可任意的修改,控制台也可以任意添加删减

此实例实现了美工和代码的分离,播放器界面部分可任意的修改,控制台也可以任意添加删减。

播放器界面:
1、新建Flash文档文件,命名保存。
2、选中图层1的第一帧,把源文件VideoFrame影片剪辑放在舞台上,图层1改名为“皮肤”。
3、添加图层,命名为“控制台”。打开组件面板,把控件PlayButton拖到皮肤下面的合适位置,在属性

面板中命名“play_btn”,拖入控件StopButton,命名“stop_btn”,拖入控件SeekBar,命名“seek_bar”,拖入

控件VolumeBar,命名“volume_bar”,拖入控件MuteButton,命名“mute_btn”。
4、添加图层,命名“player”。拖FLVPlayback到舞台上,放在合适的位置,命名“player”,设置skin参数

为“无”。
5、在属性面板类输入框中输入:FLVPlaybackExample。注:类文件名

代码部分:
点击【新建】【新建ActionScript文件】按【确定】,进入代码编辑状态,输入代码:

  1. package  
  2. {  
  3.     import fl.video.FLVPlayback;  
  4.     import flash.display.Sprite;  
  5.       
  6.     public class FLVPlaybackExample extends Sprite {  
  7.  
  8.         private var videoPath:String = "http://www.helpexamples.com/flash/video/caption_video.flv";  
  9.        // private var videoPath:String = "ATV.flv";  
  10.         public function FLVPlaybackExample() {  
  11.             player.source = videoPath;  
  12.             player.skinBackgroundColor = 0x666666;  
  13.             player.skinBackgroundAlpha = 0.5;  
  14.         }  
  15.     }  

保存名为“FLVPlaybackExample”,注意:同上面的fla文件保存在同一目录下。

测试:如果要连接本地的视频把这一句 // private var videoPath:String = "ATV.flv"; 的注释去掉,把上面一

句注释掉就可以了,如果FLV文件在同一目录下,配置文件名字,如不在同一目录下,配置文件地址。

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器