Come creare un sito web Flash 8 con lettore musicale

April 7

Come creare un sito web Flash 8 con lettore musicale


Flash 8 ha molte funzionalità del sito web e dei media per aiutare gli utenti a creare siti web dinamici. Uno degli elementi che possono essere creati in Flash 8 è un lettore musicale. La creazione di una pagina Web in Flash 8 richiede una attenzione al dettaglio e una certa conoscenza di Flash.

istruzione

1 Fare clic sull'icona del desktop Flash 8 o Flash aperto dall'elenco dei programmi nel menu "Start". Fare clic sulla scheda "File" e selezionare "Nuovo". Inserire le informazioni per il lettore musicale. Le dimensioni della pagina dovrebbe essere di 300 pixel per 70 pixel.

2 Clicca su "Finestra" e selezionare "Componenti". Fare clic e trascinare "media Display" e "Media Controller" nella libreria. Clicca sul primo fotogramma e selezionare "Azioni".

Copiare e incollare o digitare in questo codice nella finestra di Azioni:

funzione init () {

flagNum = 1;

p3Num = 0;

attachController ();

};

functionattachController () {

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

con (_root [ "mp3Container" + flagNum]) {

_x = 250;

_y = 0;

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

}

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

con (_root [ "mp3Controller" + flagNum]) {

_x = 0;

_y = 0;

activePlayControl = false;

controllerPolicy = "on";

associateDisplay (_root [ "mp3Container" + flagNum]);

};

};

functionplayNext () {

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

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

flagNum + = 1;

mp3Num + = 1;

if (mp3Num == mp3Total) mp3Num = 0;

attachController ();

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

};

3 Pulsante destro del mouse nella timeline e selezionare "Aggiungi nuovo livello." Clicca su quel livello e aggiungere il seguente codice:

Stop();

varmyArray = newArray ();

varmp3Total: Number;

varmyXml = newXML ();

myXml.ignoreWhite = true;

myXml.load ( "mp3list.xml");

myXml.onLoad = function ()

{

vare = myXml.firstChild.childNodes;

mp3Total = e.length;

per (VARI = 0; i <mp3Total; i ++)

{

myArray.push (e [i] .attributes [ "title"]);

}

dentro();

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

};

varmyListener = newObject ();

myListener.complete = function (eventObject) {

playNext ();

};

Salvare il file come musicplayer.swf.

4 Creare una playlist. Avviare un nuovo progetto e impostare il progetto come un file XML. Inserire il codice seguente nel documento, sostituendo "mymusic.mp3" e "mymusic2.mp3" con i titoli dei tuoi file musicali:

<? Xmlversion = "1.0" encoding = "utf-8"?>

<Mp3Lists>

<ItemTitle = "mymusic.mp3" />

<ItemTitle = "mymusic2.mp3" />

</ Mp3Lists>

Salvare il file come mylist.xml.

5 Creare la pagina Web. Aprire un nuovo documento. Ingresso le impostazioni per il tuo sito. Selezionare il colore di sfondo e il frame rate. Il frame rate più comune è di 15 a 30 fotogrammi al secondo. La maggior parte dei siti web sono 1.024 pixel per 768 pixel.

6 Rompere il vostro sito web in strati. Fai clic destro sulla timeline in alto e selezionare "Aggiungi nuovo livello." È possibile etichettare gli strati "sfondo", "Pulsanti", "testo", "Immagini", "Music Player" e così via. Gli strati vi aiuterà a mantenere il sito organizzato.

7 Fare clic sul livello che si desidera modificare. Importare qualsiasi foto o altri media aprendo il menu "File" e selezionare "Importa". Scegliere "Importa nella libreria" e sfogliare i file sul computer. Fare clic sui file che si desidera importare e fare clic su "Importa". Assicurarsi di importare "musicplayer.swf", "tutti i file musicali elencati nel documento XML mylist.xml" e.

8 Fare clic sul file che si desidera inserire nella pagina dal pannello Libreria. Trascinare e rilasciare il file nella pagina. Lo strumento Trasformazione libera vi permetterà di modificare le dimensioni e la forma del file. Disegnare una casella di testo nella pagina Web ovunque si desidera visualizzare il testo e digitare il testo. I font e le dimensioni possono essere modificati con la barra degli strumenti di testo.

9 Crea il tuo navigazione e pulsanti. Fare clic sul livello con il tasto e fare clic su "Inserisci". Scegliere "Button". Seleziona il tuo stile di pulsante e fare clic su "OK". Si apre la finestra di ActionScript. Digitare il nome del pulsante e l'azione sul pulsante causerà quando si fa clic.

10 Salvare la pagina Web come SWF, Java o HTML. Caricare tutti i file al tuo sito al server tramite il sito FTP o un uploader FTP.