FLV/MP4视频文件、FMS实时流播放器的制作技术详解(附AS2/AS3源文件)


前期可视化制作步骤:

第一步:新建一个空FLASH文档,在库面板的弹出菜单中选择"新建视频"建立一个视频元件;
FLV/MP4视频文件、FMS实时流播放器的制作技术详解(附AS2/AS3源文件)_第1张图片


第二步,在弹出的对话框中选中“视频(受AS控制)”一项,点击确定完成新建;
FLV/MP4视频文件、FMS实时流播放器的制作技术详解(附AS2/AS3源文件)_第2张图片


第三步:将视频元件拖到舞台上,匹配场景的宽高;并命实例名:“myVideo”
FLV/MP4视频文件、FMS实时流播放器的制作技术详解(附AS2/AS3源文件)_第3张图片


第四步:新建拖动定位条组件。新建元件->用矩形工具画一个宽400,高8的深红色长方条->在元件中新建一层(居上),将矩形复制粘贴到新建层的当前位置,颜色改为红色->按F8将矩形再转换成元件,命实例名为“progresslayer”
FLV/MP4视频文件、FMS实时流播放器的制作技术详解(附AS2/AS3源文件)_第4张图片


第五步:返回主场景,将进度条元件拖入,命实例名为“panbar”;
FLV/MP4视频文件、FMS实时流播放器的制作技术详解(附AS2/AS3源文件)_第5张图片


第六步:制作一个播放暂停按钮元件,拖入舞台后命实例名为:“btn_playpause”;
FLV/MP4视频文件、FMS实时流播放器的制作技术详解(附AS2/AS3源文件)_第6张图片






AS编写关键点:

1、播放FMS实时视频流时,要将NetConnection对象链接到视频流服务器,比如:nc.connect("rtmp://streaming.cctvpic.com/vod/");

2、FMS实时视频可以用NetStream.seek(时间)方法直接任意定位;

3、FLV自由定位需要视频服务器的支持,(现在各大视频网站都支持FLV自由定位),在等到视频数据时(NetStream.onMetaData),用“视频对象.keyframes.filepositions”属性获取FLV关键帧列表并赋予一个数组,以备拖动定位时调用,自由定位时使用:NetStream.play(FLV视频地址?start=关键帧),start后接的必须是FLV的关键帧,否则是不能播放的。





    预览普通FLV播放器    预览FMS-实时视频流客户端播放器   
预览任意定位FLV播放器(需视频服务器支持)    关闭预览


请点击上面的按钮预览效果,
这里即显示对应的AS代码!







源文件下载:


1、普通FLV播放器:https://www.sugarsync.com/pf/D997337_381516_79422


2、FMS-实时视频流客户端播放器:https://www.sugarsync.com/pf/D997337_381516_79436


3、任意定位FLV播放器:https://www.sugarsync.com/pf/D997337_381516_79424


4、(AS3/FlashCS4)普通FLV播放器:https://www.sugarsync.com/pf/D997337_381516_70590


5、(AS3/FlashCS4)FMS-实时视频流客户端播放器:https://www.sugarsync.com/pf/D997337_381516_70598


6、(AS3/FlashCS4)任意定位FLV播放器:https://www.sugarsync.com/pf/D997337_381516_70596



参考文献:


1、htp协议下flv,mp4拖动(php,nginx) : http://bbs.actionscript3.cn/thread-34176-1-1.html


2、lighttpd对flv视频文件的拖动一种变形:http://www.360doc.com/content/10/0603/16/11586_31070841.shtml


3、FMS3系列(三):基于FMS的流媒体播放程序(AS3):http://www.chinaz.com/design/video/042a41162009.html


你可能感兴趣的:(FLV/MP4视频文件、FMS实时流播放器的制作技术详解(附AS2/AS3源文件))