Gestire con flash la musica di sottofondo del sito o blog

Ciao..
Per chi desidera inserire nel proprio sito, un sottofondo musicale creato in flash,sicuramente troverà utilissimi questi due esempi.
Come dico sempre, possono esistere tanti modi per creare animazioni in flash, ma io cerco sempre di creare esempi semplici, che sono alla portata di tutti, sia principianti che .....
Iniziamo...

---

Esempio 1
In questo esempio ho creato un file flash che tramite actionscript carica un file MP3 che si trova nella libreria. Il file MP3 parte in automatico e dopo viene gestito con i pulsanti "PLAY", "STOP" e "Controllo VOLUME". (Il brano MP3 inserito, è la base midi che ho creato tempo fa per una canzone composta da una mia amica).
Il file flash è costruito da tre pulsanti (play, stop, volume) e da un brano MP3 che si trova nella libreria.
1 - Aprite Flash.
2 - Andate su: > File > Importa > Importa nella Libreria.
3 - Scegliete il brano(wav o Mp3) e cliccate su "APRI".
4 - Aprite il panello Libreria andando su > Finestra > Libreria, o tramitte la combinazione CTRL+L dove trovate il file MP3 appena importato.
5 - Cliccate con il tasto destro del mouse sul file MP3 e dalla finestra che si apre cliccate sulla voce "CONCATENAMENTO".
6 - Nel panello "Proprietà del Concatenamento" spuntate la casella "Esporta per Actionscript" e lasciate invariate le altre opzioni.
NB: Notate bene e ricordatevi il nome che si trova (che potete cambiare a vostra scelta) nella casella "Identificatore", perche vi servirà nel codice actionscript per identificare il file da caricare.
7 - Create il pulsante "Play", assegnando come "Nome istanza" "play_btn".
8 - Create il pulsante "Stop", assegnando come "Nome istanza" "stop_btn".
9 - Create un Nuovo Livello > Inserisci > Linea temporale > Livello e chiamatelo "Actions Button". Aprite il panello Azioni (F9) e inserite il codice sotto:

---

//codice che carica il file sound
var song_sound:Sound = new Sound();
song_sound.attachSound("T'Aspetto");
song_sound.start(0, 99999);

//codice pulsanti
_root.play_btn._visible=false;
play_btn.onRelease = function() {
song_sound.start();
this._visible=false;
_root.stop_btn._visible=true;
};
stop_btn.onRelease = function() {
song_sound.stop();
this._visible=false;
_root.play_btn._visible=true;
};

---

Sostituite il nome "T'Aspetto"(che è l'Identificatore del mio file MP3) con l'Identificatore del vostro file MP3.
Se volete inserire anche un pulsante "Controllo Volume", vi basta:
1 - Create un pulsante(io ho creato un retangolo di Altezza 30px e Largheza 10px e l'ho convertito in Pulsante)
2 - Assegnate al pulsante appena creato come "Nome Istanza" > maniglia_btn
3 - Selezionate il pulsante appena creato e convertitelo in "Clip Filmato"
4 - Assegnate al Clip Filmato appena creato come "Nome Istanza" > volume_mc
Cosi abbiamo un Clip Filmato con dentro un Pulsante
5 - Create un Nuovo Livello e chiamatelo "Actions Controllo Volume". Aprite il panello Azioni (F9) e inserite il codice sotto:

---

//codice barra volume
this.createTextField("volume_txt", 10, 130, 64, 200, 20);
volume_mc.top = volume_mc._y;
volume_mc.bottom = volume_mc._y;
volume_mc.left = volume_mc._x;
volume_mc.right = volume_mc._x + 100;
volume_mc._x += 100;

volume_mc.maniglia_btn.onPress = function() {
startDrag(this._parent, false, this._parent.left, this._parent.top, this._parent.right, this._parent.bottom);
};
volume_mc.maniglia_btn.onRelease = function() {
stopDrag();
var level:Number = Math.ceil(this._parent._x - this._parent.left);
this._parent._parent.song_sound.setVolume(level);
this._parent._parent.volume_txt.text = level;
};
volume_mc.maniglia_btn.onReleaseOutside = slider_mc.maniglia_btn.onRelease;

---

Per provare il lavoro appena finito andate su > Controllo > Prova Filmato o tramitte la combinazione CTRL+INVIO.
Esempio 1:

---

---

Esempio 2
In questo esempio ho creato un file flash che tramite actionscript carica un file esterno MP3, che possiamo gestirlo tramitte i pulsanti play e stop.
1 - Create il pulsante Play
2 - Aprite il panello Azioni(F9) e inserite il codice sotto:

---

on (press) {
mio_sound.start();
}

---

3 - Create il pulsante Stop
4 - Aprite il panello Azioni e inserite il codice sotto:

---

on (press) {
mio_sound.stop();
}

---

5 - Create un nuovo livello. Aprite il panello Azioni(F9) e inserite il codice sotto:

---

var mio_sound:Sound = new Sound();
mio_sound.loadSound("QUI INSERIRE IL NOME DEL FILE MP3.mp3", true);
mio_sound.onSoundComplete = function() {
mio_sound.start(0, 99999);
};

---

NB: Al posto della scritta in rosso "QUI INSERIRE IL NOME DEL FILE MP3", dovete inserire il nome del file MP3 che si trova nel vostro hard disk, o potete inserire l'url del file mp3.. Nel esempio sotto l'audio non inizia automaticamente, ma dovete premere il pulsante play, altrimenti non si capirebbe niente tra i due esempi: Invece il vostro sottofondo musicale partirà automaticamente quando si carica la pagina..
Per provare il lavoro appena finito andate su > Controllo > Prova Filmato o tramitte la combinazione CTRL+INVIO. Enjoy...
Esempio 2 (NB: Se il brano non parte immediatamente, non è colpa del mio script, ma del server che lo ospita, perciò dovete avere un po di pazienza)

---

---

Seguite il Videotutorial, che vi spiega passo dopo passo tutti i passaggi:

---

Tutorial Parte 1

Tutorial Parte 2

Tutorial Parte 3

Articoli correlati per categorie

 Abbonati gratis a questo blog      

Torna Su