網(wǎng)站制作教程模板無(wú)憂(yōu)>建站教程>網(wǎng)站制作教程>Flash教程>

巧用Flash的Media組件實(shí)現(xiàn)多首mp3連播_Flash教程

教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!

推薦：Flash動(dòng)態(tài)色彩偏轉(zhuǎn)控制技巧
請(qǐng)先看一個(gè)flash的色彩動(dòng)態(tài)調(diào)整演示：我們?cè)贔lash的制作中，往往需要對(duì)色彩進(jìn)行控制，以使我們的動(dòng)畫(huà)影片更多彩多姿。那么，在Flash中到底有多少方法可以來(lái)控

Flash MX 2004 的Media組件確實(shí)不錯(cuò)，大家在使用的時(shí)候可能發(fā)現(xiàn)MediaDisplay組件只能播放一首mp3，假如要讓它播放完一首歌曲后再接著播放另一首歌曲就不行了。今天就來(lái)給大家介紹一下怎樣用MediaController和MediaDisplay組件實(shí)現(xiàn)多首mp3的連播。文章末尾提供原文件供大家下載參考。

　　播放器界面如圖：

　　思路：

　　歌曲列表用一外部XML文件來(lái)記錄，便于修改。開(kāi)始的時(shí)候定義一XML對(duì)象，并載入外部XML文件，載入后再將歌曲列表提取出來(lái)放入一數(shù)組中。接著用attachMovie()方法將MediaController和MediaDisplay組件載入舞臺(tái)，然后設(shè)置各自的參數(shù)，并將二者相關(guān)聯(lián)（Media.associateController()或者M(jìn)edia.associateDisplay()方法都行）當(dāng)一首歌曲播放完后，觸發(fā)MediaDisplay的complete事件，在此事件中我將MediaController和MediaDisplay組件卸載并重新載入MediaController和MediaDisplay組件（使用attachMovie()方法）并給一新的實(shí)例名，并設(shè)置MediaDisplay組件的播放內(nèi)容為下一首歌曲，如此往復(fù)來(lái)播放所有的歌曲。

　　制作步驟：

　　1.新建一個(gè)FLASH文檔，設(shè)置舞臺(tái)大小：220*70。

　　2.將組件MediaController和MediaDisplay拖入舞臺(tái)，然后從舞臺(tái)上刪除。這樣做的目的是將這兩個(gè)組件載入庫(kù)中，為接下來(lái)用attachMovie()方法將MediaController和MediaDisplay組件載入舞臺(tái)做好預(yù)備。

　　3.新建一層，命名為function。在該層的第一幀上輸入如下AS代碼：

function init(){

flagNum = 1;

//播放歌曲的標(biāo)示

mp3Num = 0;

attachController();

};

//將MediaController和MediaDisplay組件載入舞臺(tái)并初始化

function attachController(){

//將MediaDisplay組件載入舞臺(tái)并給定義實(shí)例名 "mp3Container"   flagNum

  _root.attachMovie("MediaDisplay","mp3Container"   flagNum,2);

  //設(shè)置組件初始參數(shù)

  with(_root["mp3Container"   flagNum]){

   _x = 250;

   _y = 0;

   setMedia(myArray[mp3Num],"MP3");

}

//將MediaController組件載入舞臺(tái)并給定義實(shí)例名 "mp3Controller"   flagNum

_root.attachMovie("MediaController","mp3Controller"   flagNum,1);

//設(shè)置組件初始參數(shù)

with(_root["mp3Controller"   flagNum]){

    _x = 0;

    _y = 0;

   activePlayControl = false;

   controllerPolicy = "on";

   //將MediaController和MediaDisplay組件相關(guān)聯(lián)

   associateDisplay(_root["mp3Container"   flagNum]);

  };

};

function playNext(){

//將MediaController和MediaDisplay組件從舞臺(tái)上刪除

    _root["mp3Controller"   flagNum].removeMovieClip();

    _root["mp3Container"   flagNum].removeMovieClip();

    flagNum  = 1;

    mp3Num  = 1;

    //假如播放到歌曲的最后一首，將mp3Num = 0，意為將從頭開(kāi)始播放

    if(mp3Num == mp3Total) mp3Num = 0;

    //重新載入MediaController和MediaDisplay組件，并給一新的實(shí)例名

       attachController();

       //因?yàn)槊坎シ磐暌皇赘枨驧ediaController和MediaDisplay組件從舞臺(tái)上被卸載

       //然后又重新載入MediaController和MediaDisplay組件并給了另外一個(gè)實(shí)例名

       //所以要重新向注冊(cè)的監(jiān)聽(tīng)器廣播事情

       _root["mp3Container"   flagNum].addEventListener("complete", myListener);

};

　　4.新建一層，命名為action,在該層第一幀輸入一下AS代碼：

stop();

//數(shù)組myArray用來(lái)存儲(chǔ) 載入的XML文檔中的歌曲名稱(chēng)

var myArray = new Array();

//歌曲的總數(shù)

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<mp3Total; 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測(cè)試影片并輸出SWF文件。測(cè)試影片時(shí)會(huì)有錯(cuò)誤提示，不用擔(dān)心，這是由于沒(méi)有生成XML文檔的緣故。

　　6.創(chuàng)建XML文檔：

<?xml version="1.0" encoding="utf-8"?>

<mp3Lists>

  <item title="1.mp3" />

  <item title="2.mp3" />

</mp3Lists>

　　將該文件保存在與原SWF文件相同的文件夾中，命名為mp3list.xml。

　　7.在原文件目錄下放入兩首mp3，默認(rèn)名稱(chēng)為1.mp3,2.mp3，這里的名稱(chēng)和歌曲數(shù)目大家可以自己修改XML文件。

　　到此為止，一個(gè)連放兩首MP3的播放器就可以使用了，打開(kāi)SWF文件，你將會(huì)聽(tīng)到美麗動(dòng)聽(tīng)的音樂(lè)，同時(shí)看到播放進(jìn)度顯示等MP3播放器常有的功能。注重：要想讓這個(gè)播放器用于你的網(wǎng)站上，必須把SWF文件和XML以及兩首MP3文件上傳到你的網(wǎng)站的同一個(gè)文件夾中。

　　mp3多首連放flash源文件下載

分享：Flash外部導(dǎo)入圖片的長(zhǎng)寬限制
在flash用LoadMovie導(dǎo)入外部圖片居然有最大寬度和最大高度限制，在官方文檔里居然沒(méi)有寫(xiě)明，今天被我碰到了...紀(jì)錄一下吧，用LoadMovie導(dǎo)入外部圖片，所支持