一步一步教你制作FLV网页视频播放器
一步一步教你制作FLV网页视频播放器,制作步骤:1.新建一个FLASH文档,设置舞台大小:300*260。2.将组件MediaController和MediaDisplay拖入舞台,然后从舞台上删除。这样做的目的是将这两个组件载入库中,为接下来用attachMovie()方法将MediaController和MediaD
制作步骤:
1.新建一个FLASH文档,设置舞台大小:300*260。
2.将组件MediaController和MediaDisplay拖入舞台,然后从舞台上删除。这样做的目的是将这两个组件载入库中,为接下来用attachMovie()方法将MediaController和MediaDisplay组件载入舞台做好准备。
3.新建一层,命名为function。在该层的第一帧上输入如下AS代码:
- function init(){
- flagNum = 1;
- //播放影片的标示
- flvNum = 0;
- attachController();
- };
- //将MediaController和MediaDisplay组件载入舞台并初始化
- function attachController(){
- //将MediaDisplay组件载入舞台并给定义实例名 "flvContainer" + flagNum
- _root.attachMovie("MediaDisplay","flvContainer" + flagNum,2);
- //设置组件初始参数
- with(_root["flvContainer" + flagNum]){
- _x = 0;
- _y = 0;
- setMedia(myArray[flvNum],"FLV");//设置播放格式可以mp3等
- }
- //将MediaController组件载入舞台并给定义实例名 "flvController" + flagNum
- _root.attachMovie("MediaController","flvController" + flagNum,1);
- //设置组件初始参数
- with(_root["flvController" + flagNum]){
- _x = 0;
- _y = 190;
- activePlayControl = false;
- controllerPolicy = "on";
- //将MediaController和MediaDisplay组件相关联
- associateDisplay(_root["flvContainer" + flagNum]);
- };
- };
- function playNext(){
- //将MediaController和MediaDisplay组件从舞台上删除
- _root["flvController" + flagNum].removeMovieClip();
- _root["flvContainer" + flagNum].removeMovieClip();
- flagNum += 1;
- flvNum += 1;
- //如果播放到影片的最后一首,将flvNum = 0,意为将从头开始播放
- if(flvNum == flvTotal) flvNum = 0;
- //重新载入MediaController和MediaDisplay组件,并给一新的实例名
- attachController();
- //因为每播放完一个影片后MediaController和MediaDisplay组件从舞台上被卸载
- //然后又重新载入MediaController和MediaDisplay组件并给了另外一个实例名
- _root["flvContainer" + flagNum].addEventListener("complete", myListener);
- };
4.新建一层,命名为action,在该层第一帧输入一下AS代码:
- stop();
- //数组myArray用来存储 载入的XML文档中的影片名称
- var myArray = new Array();
- //影片的总数
- var flvTotal:Number;
- var myXml = new XML();
- myXml.ignoreWhite = true;
- myXml.load("list.xml");
- myXml.onLoad = function() {
- var e = myXml.firstChild.childNodes;
- flvTotal = e.length;
- for (var i = 0; i<flvTotal; i++) {
- myArray.push(e[i].attributes["title"]);
- }
- init();
- _root["flvContainer"+flagNum].addEventListener("complete", myListener);
- };
- var myListener = new Object();
- myListener.complete = function(eventObject) {
- playNext();
- };
用记事本写入下面内容作为播放列表,保存为list.xml:
- <?xml version="1.0" encoding="utf-8" ?>
- - <flvLists>
- <item title="file1.flv" />
- <item title="file2.flv" />
- <item title="file3.flv" />
- </flvLists>
热门文章推荐
- 纯HLS(m3u8)跨平台技术(HLSPlayer,m3u8Player跨平台多终端)
- DiscuzX3.2酷播视频插件(dz论坛自定义视频插件带广告
- [微信视频]实现网站中的视频在微信平台上正常播放(超多组图)
- [rtsp]海康威视监控摄像头实现web端无插件监控实拍效果
- 很酷,酷播wordpress视频插件(支持PC/安卓/苹果跨平台播放)
- [组图]微信视频技术:支持微信视频直播和视频点播
- [AS3]as3.0的rtmp流媒体播放器写法源代码示例
- 一步一步教你制作FLV网页视频播放器
请稍候...