[AS3]制作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文件】按【确定】,进入代码编辑状态,输入代码:
- package
- {
- import fl.video.FLVPlayback;
- import flash.display.Sprite;
- public class FLVPlaybackExample extends Sprite {
- private var videoPath:String = "http://www.helpexamples.com/flash/video/caption_video.flv";
- // private var videoPath:String = "ATV.flv";
- public function FLVPlaybackExample() {
- player.source = videoPath;
- player.skinBackgroundColor = 0x666666;
- player.skinBackgroundAlpha = 0.5;
- }
- }
- }
保存名为“FLVPlaybackExample”,注意:同上面的fla文件保存在同一目录下。
测试:如果要连接本地的视频把这一句 // private var videoPath:String = "ATV.flv"; 的注释去掉,把上面一
句注释掉就可以了,如果FLV文件在同一目录下,配置文件名字,如不在同一目录下,配置文件地址。
热门文章推荐
- 纯HLS(m3u8)跨平台技术(HLSPlayer,m3u8Player跨平台多终端)
- DiscuzX3.2酷播视频插件(dz论坛自定义视频插件带广告
- [微信视频]实现网站中的视频在微信平台上正常播放(超多组图)
- [rtsp]海康威视监控摄像头实现web端无插件监控实拍效果
- 很酷,酷播wordpress视频插件(支持PC/安卓/苹果跨平台播放)
- [组图]微信视频技术:支持微信视频直播和视频点播
- [AS3]as3.0的rtmp流媒体播放器写法源代码示例
- 一步一步教你制作FLV网页视频播放器