一步一步教你制作FLV网页视频播放器
2012-02-06 12:08:57 来源:本站整理核心提示:制作步骤:1.新建一个FLASH文档,设置舞台大小:300*260,一步一步教你制作FLV网页视频播放器,2.将组件MediaController和MediaDisplay拖入舞台,然后从舞台上删除,将flvNum = 0,意为将从头开始播放 if(flvNum == flvTotal) flvNum = 0; /
制作步骤:
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>
更多精彩
赞助商链接