网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

作者： 北京网站建设   日期：2008-03-27 06:03:35  来源： http://www.qitongnet.com

Flash MX 2004 的Media组件确实不错，大家在使用的时候可能发现MediaDisplay组件只能播放一首mp3，如果要让他播放完一首歌曲后再接着播放另一首歌曲就不行了。今天就来给大家介绍一下怎样用MediaController和MediaDisplay组件实现多首mp3的联播。

　　播放器界面如图：北京网站设计

 

　　思路如下：

北京网站设计　　歌曲列表用一外部XML文件来记录，便于修改。开始的时候定义一XML对象，并载入外部XML文件，载入后再将歌曲列表提取出来放入一数组中。接着用attachMovie()方法将MediaController和MediaDisplay组件载入舞台，然后设置各自的参数，并将二者相关联（Media.associateController()或者Media.associateDisplay()方法都行）当一首歌曲播放完后，触发MediaDisplay的complete事件，在此事件中我将MediaController和MediaDisplay组件卸载并重新载入MediaController和MediaDisplay组件（使用attachMovie()方法）并给一新的实例名，并设置 www.qitongnet.comMediaDisplay组件的播放内容为下一首歌曲，如此往复来播放所有的歌曲。

　　制作步骤：

　　1.新建一个FLASH文档，设置舞台大小：220*70。

　　2.将组件MediaController和MediaDisplay拖入舞台，然后从舞台上删除。这样做的目的是将这两个组件载入库中，为接下来用attachMovie()方法将MediaController和MediaDisplay组件载入舞台做好准备。

　　3.新建一层，命名为function。在该层的第一帧上输入如下AS代码：

 

北京网页设计
function init(){北京网站制作
 flagNum = 1;网页设计
 //播放歌曲的标示网站制作
 mp3Num = 0;北京网站设计
 attachController();网站制作
};网站建设
//将MediaController和MediaDisplay组件载入舞台并初始化网站建设
function attachController(){北京网页设计
//将MediaDisplay组件载入舞台并给定义实例名 "mp3Container" + flagNum企通互联
  _root.attachMovie("MediaDisplay","mp3Container" + flagNum,2);北京网站设计
  //设置组件初始参数网站建设 网页设计
  with(_root["mp3Container" + flagNum]){北京网页设计
   _x = 250;网站制作
   _y = 0;网页设计
   setMedia(myArray[mp3Num],"MP3");北京网页设计
}北京网站设计
//将MediaController组件载入舞台并给定义实例名 "mp3Controller" + flagNum北京网站制作
_root.attachMovie("MediaController","mp3Controller" + flagNum,1);企通互联
//设置组件初始参数网站设计
with(_root["mp3Controller" + flagNum]){北京网站建设
    _x = 0;网页设计
    _y = 0;网页设计
   activePlayControl = false;企通互联
   controllerPolicy = "on";网站建设
   //将MediaController和MediaDisplay组件相关联北京网站设计
   associateDisplay(_root["mp3Container" + flagNum]);北京网站制作
  };网站建设
};网站制作
function playNext(){网站设计
//将MediaController和MediaDisplay组件从舞台上删除企通互联
    _root["mp3Controller" + flagNum].removeMovieClip();北京网站制作
    _root["mp3Container" + flagNum].removeMovieClip();网站建设
    flagNum += 1;北京网页设计
    mp3Num += 1;北京网页设计
    //如果播放到歌曲的最后一首，将mp3Num = 0，意为将从头开始播放北京网页设计
    if(mp3Num == mp3Total) mp3Num = 0;北京网站建设
    //重新载入MediaController和MediaDisplay组件，并给一新的实例名北京网站建设
       attachController();网站制作
       //因为每播放完一首歌曲后MediaController和MediaDisplay组件从舞台上被卸载北京网页设计
       //然后又重新载入MediaController和MediaDisplay组件并给了另外一个实例名网站建设
       //所以要重新向注册的监听器广播事情北京网站制作
       _root["mp3Container" + flagNum].addEventListener("complete", myListener);北京网站设计
};

　4.新建一层，命名为 北京网站建设action,在该层第一帧输入一下AS代码：

stop();网页设计
//数组myArray用来存储 载入的XML文档中的歌曲名称北京网站建设 北京网页设计
var myArray = new Array();北京网站设计
//歌曲的总数企通互联
var mp3Total:Number;网站建设
var myXml = new XML(); 网站设计网站设计
myXml.ignoreWhite = true;网站制作
myXml.load("mp3list.xml");北京网站建设
myXml.onLoad = function() {北京网站建设
 var e = myXml.firstChild.childNodes;网站设计
 mp3Total = e.length;北京网站设计 网站建设
 for (var i = 0; i北京网站建设
  myArray.push(e[i].attributes["title"]);企通互联
 }网站制作
 init();网站设计
 _root["mp3Container"+flagNum].addEventListener("complete", myListener);网站设计
};北京网站建设
var myListener = new Object();企通互联
myListener.complete = function(eventObject) {企通互联
 playNext();网站设计
};

北京网站设计
　　5.保存文件，Ctrl+Enter测试影片并输出SWF文件。测试影片时会有错误提示，不用担心，这是由于没有生成XML文档的缘故。

　　6.创建XML文档：

<?xml version="1.0" encoding="utf-8"?>北京网站设计
<mp3Lists>网站制作
  <item title="1.mp3" />网站建设
  <item title="2.mp3" />网站建设
</mp3Lists>

　　将该文件保存在与原SWF 企通互联文件相同的文件夹中，命名为mp3list.xml。

　　7.在原文件目录下放入两首mp3，默认名称为1.mp3,2.mp3，这里的名称和歌曲数目大家可以自己修改XML文件。

　　到此为止，一个连放两首MP3的播放器就可以使用了，打开SWF文件，你将会听到优美动听的音乐，同时看到播放进度显示等MP3播放器常有的功能。注意：要想让这个播放器用于你的网站上，必须把SWF文件和XML以及两首MP3文件上传到你的网站的同一个文件夹中。网站建设