Mini Player Mp3 in Flash

- Letture: 5.605

Mini Player mp3Ecco un mini player Mp3 che ho realizzato in Flash in cui è possibile avere svariate playlist a seconda dei nostri file xml esterni.

Questo mini player Mp3 è altamente personalizzabile, nella grafica e nell’utilizzo, prego soltanto di lasciare il pulsante in alto a destra mpF, che appunto linka questa pagina :)

Tramite file .XML possiamo creare le nostre playlist.

A seconda del modo di pubblicazione del player.swf, il file xml esterno verrà indicato in questo modo

mini_player_flash.swf?xml=dati.xml

Con questo espediente, non dovremo ci basterà un unico mini player Mp3 senza crearne tot per tot playlist

Ricordo che il file .xml può risiedere anche su un altro spazio web, in questo caso dovrete indicare la path completa, come in questo esempio.

mini_player_flash.swf?xml=http://www.miosito.it/dati.xml

La playlist è un semplice file xml, che oltre all’elenco dei file mp3 permette di impostare altri parametri riferiti alle canzoni.

Analizziamo il file XML insieme:

<?xml version="1.0"?>
<ARCHIVE>
<SONG title="Say It Right" file="mp3/001.mp3" artist="Nelly Furtado"></SONG>
<SONG title="Beautiful Liar" file="mp3/002.mp3" artist="Beyonce feat Shakira"></SONG>
<SONG title="Amy Winehouse" file="mp3/003.mp3" artist="Rehab"></SONG>
</ARCHIVE>

  • title: Titolo del brano
  • file: percorso del file .mp3, in caso fosse in remoto inserire il percorso con la path esp. http://miosito.it/suono.mp3
  • artist: Nome dell’autore

Scarica il sorgente
Guarda il Tutorial

Stratega, Docente, Speaker con più di 12 anni di esperienza in strategie creative multicanale. Oggi sono Partner & Chief Innovation Officer di ThinkingHat, Innovation Studio specializzato in tecnologie emergenti per aziende e brand audaci.

101 Commenti

  1. wowo grazie veramente per tutto mi è servito..cercavo un player da ore e l’unico e migliore è questo :D grazie ancora per tutto.

  2. Ciao
    volevo intanto ringraziarti e comunque, sto copiando da un grande per avere idee più grandi.
    Volevo condividere con te questa mia evoluzione.
    Magari torna utile.
    Dovendo inserire il tuo player (comunque lo script l’ho trovato scopiazzato e sputtanato su molti forum con la dicitura “ho creato questo script ma non riesco a far funzionare….”) in una pagina asp che genera in automatico la lista delle cartelle contenute nell’archivio, all’interno delle quali ci sono i file relativi, mi si è posta la necessità di creare una variabile per non dover duplicare il file.swf del player per altrettanti file.xml
    Quindi la variabile comprende: nomeArchivio e nomeFile.xml e attraverso lo script flashcontent nel tag javascript che descrive il player ho inserito so.addVariable(“archivio”, “”); e nello script flash al livello player _root.xml = “”+_root.archivio+”.xml”;
    In questo modo quando dal mio index seleziono un’archivio ottengo index.asp?archivo=NomeCartella
    il file.xml che cercherà il player sarà NomeCartella.xml che punterà ai file elencati (per il momento a mano, ma basterà creare una pagin.asp che generi il file.xml in automatico).

    Per chiarezza inserisco lo script del file asp

    var so = new SWFObject(“mini_player_flash.swf?xml=.xml”, “mymovie”, “200”, “80”, “8”, “”);
    so.addParam(“quality”, “best”);
    so.addParam(“wmode”, “transparent”);
    so.addParam(“salign”, “t”);
    so.addVariable(“archivio”, “”);
    so.write(“flashcontent”);

    Buon lavoro a tutti
    e sopratutto a te
    Ciao
    Max

  3. OOppss
    giustamente i tag non vengono importati

    <%= archivio %>.xml”, ….
    so.addVariable(“archivio”, “<%=archivio%>”);
    so.write(“flashcontent”);
    </script>

    ne approfitto per chiederti
    ma i brani che superano un’ora come vengono segnati?
    ho messo delle lezioni universitarie che durano un’ora e quaranta e il contatore resta a zero e il file non va.
    Ma ci sono anche dei parametri da usare forzatamente per la renderizzazione dei file?
    Io li ho convertiti in file.mp3 11Khz, 16 bit, 24 kbps, stereo spezzandoli in file da 56 minuti compressi fino a 9,75Mb (il file decompresso è 143Mb).
    Hai suggerimenti in proposito?

  4. Maurizio

    ciao!
    complimenti per i tuoi lavori e tutorial sono davvero utilissimi!!!
    Io mi sto approcciando da poco a flash quindi quello che sto per chiederti magari è una stupidata, ma proprio ci sto smattando da giorni e non ne vengo a capo..
    o modificato il layout del player e lo spazio per il testo con i titoli è molto ridotto quindi vorrei far si che essi scorrano all’interno du un campo perchè altrimenti ne leggo solo una parte…
    Mi puoi dare una mano?
    Grazie mille!

  5. Maurizio

    Ciao!
    torno a chiederti delucidazioni su come fare a rendere il testo del titolo scorrevole in una maschera, sperando in una tua risposta!
    Inoltre vorrei sapere anche se è possibile fare partire il player con una canzone random e non per forza la prima dell’elenco xml.
    Grazie mille!!
    Maurizio

  6. //// DigitalPizza ////

    Ciao, ho scaricato il player e ti volevo chiedere una cosa!!
    E’ possibile modificare il livello del volume quando la canzone parte?
    Cioe’ fare in modo che il volume non sia forte ma sia piu come un sottofondo!!!
    Spero di essre stato chiaro…:)

    Grazie in anticipo!!
    Ciao

  7. Ciao //// DigitalPizza ////
    è sufficiente impostare il volume con cui desideri che si avvii il file.swf nel file sorgente a corredo nella pagina di Julius.
    Spero di essere stato altrettanto chiaro.

  8. Ciao
    sto provando ad usare il miniplayer su varie pagine del mio sito ma stranamente, pur avendo creato diversi xml per ogni pagina, il miniplayer prende sempre la stessa playlist anche quando passo ad un’altra pagina

    forse devo dichiarare la variabile “so” per il player con un nome diverso per ogni pagina?

    grazie in anticipo della risposta

  9. di nuovo io:
    ho divuto riportare le pagine delmio sito senza il mini player
    ne ho lasciate pero’ con il player le trovi al mio sito

    /turquoise.htm

    /jessica_cochis.htm

    entrambe prendono la playlist jessica.xml

  10. Maurizio

    Nessuno mi sa dire come fare a randomizzare la sequenza della canzoni in modo che non parta sempre dalla prima dell’elenco nell’xml??
    Per favore mi serve proprio…T___T

  11. Patrizia

    Ciao e come direbbe qualcuno: Complimenti per la trasmissione…..
    Gioco spesso con i tuoi script e trovo quasi sempre da te quello che mi serve.
    Questa volta avrei bisogno di un player un po diverso, forse basta modificare questo ma non saprei come…
    Io inserisco nella pagina il player se nel record del db è inserito un mp3. Mi servirebbe che passando come parametro l’indirizzo del brano lui mi facesse vedere il player

    Come posso passare il brano senza creare un file xml?

    GRAZIE!!!!

  12. @Maurizio ciao

    linea 6 frame 1

    modifica in

    song_r=random(3)+1;
    track = song_r;

    Dove 3 sta per il totale delle tue canzoni

    Patrizia senza database mi è un po difficile spiegartelo

    Dovresti in qualche modo generare il file XML, puoi passarlo anche come .php o .asp ma se deve essere dinamico ti serve una base con cui generare i file al volo

  13. Patrizia

    Grazie Julius
    in realtà mi servirebbe proprio senza creare il file, non posso passare come parametro il nome del file?

  14. Patrizia

    per essere anche più precisa mi basterebbe anche solo il bottone play/stop ma creando il player senza file, solo passando il parametro

  15. Patrizia

    Tipo, yessss
    una cosa molto base andrebbe comunque bene
    a me serve che ogni player faccia solo un brano

  16. Patrizia

    già i codici….. <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0&quot; name="xmlGalleryThumbs" width="100%" height="100%" align="middle" id="xmlGalleryThumbs">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="PlayMySound.swf?myfile=http://www.miodominio.it/musica/song.mp3" /><param name="quality" value="high" /><param name="scale" value="noborder" /><param name="bgcolor" value="#ffffff" /><embed src="PlayMySound.swf?myfile=http://www.miodominio.it/musica/song.mp3" quality="high" scale="noborder" bgcolor="#ffffff" width="100%" height="100%" name="xmlGalleryThumbs" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer&quot; />
    </object>

  17. Maurizio

    @Julius: scusa non ho capito devo sostiruire la linea 6 (_root.xml = “URL”;)con quelle due linee li?
    o devo aggiungerle? E nel caso dove?
    Grazie mille!

  18. Riccardo

    ciao julius, complimenti davvero per i tuoi lavori!!!
    sto usando il tuo mini player mp3, ma ho un problema:
    il riferimento ?xml=[nomesorgente].xml viene ignorato dal player, che prende sempre e comunque l’xml indicato nell’action script. dove sbaglio? c’è da cambiare qualcosa nell’AS?

    poi avrei anche un’altra domanda: se includo nella stressa pagina 2 player e li faccio partire entrambi, i suoni si sovrammettono. come si può fare in modo che i player si escludano a vicenda, cioè che se parte uno l’altro si ferma e viceversa?

    grazie per la pazienza…

  19. Ciao Julius,
    Come faccio a fare partire la musica in automatico?
    tu parlavi di linea 9 autoplay “si” ma io non ho trovato nessuna cosa che parla di autoplay…
    Scusa l’ignoranza!!!!!
    Aiutamiiiiiiiiii…
    Grazie…sei un grande!!!

  20. ciao
    volevo chiederti come mai mi fa asoltare solo le prime due canzoni
    nonostante abbia aggiornato il file xml
    grazie anticipate

  21. Antonio:
    per autoplayer vai sulla linea 9(intendo nel file fla) e metti “si” invece di “no”, per caricare l’action del fla premi f9

    ciau

  22. Ciao Juluis, complimenti per i tuoi lavori! Sei un grande! Io invece sono alle primissime armi. Il sito che sto cercando, con molta fatica, di modificare è il seguente http://www.cinghiosauro.altervista.org : vorrei modificare la pagina chiamata “Solution” ed inserire, al posto della galleria fotografica, il tuo lettore mp3. Come posso fare?
    Aiutoooo
    Grazie

  23. Ciao John,
    uso Flash 8. Ho scaricato un template opensource e lo sto personalizzando. Le pagine, compresa la index, sono tutte .fla
    Grazie per l’aiuto, davvero.
    Buona giornata
    Giuseppe

  24. Ciao: Primis ti dico… hai anche l’index in FLA, ok, ma questo fla successivamente, dovrai anche convertirlo in SWF,cosi da poterlo mettere nella pagina web. Quindi, Giuseppe, dovrai per forza lavorare con un editore html esterno. Magari Adobe Dreamweaver CS3 che si integra perfettamente con Flash 8.
    Quidi: Flash 8 ti servirà per creare ho modificare a tuo piacimento un file FLA, che magari scarichi dalla rete oppure hai realizzato tempo fa con versioni vecchie di flash. Per poterLo inserire nella pagina che vuoi modificare/correggere, usa Dreamweaver. Ti bastera andare nel menu e scegliere insert media nel punto della pagina desiderata. Ricordati che nella cartella dove è contenuto il sito dovrai anche mettere le cartelle del lettore mp3. Il sito lo visto è moltoooooooo carino, ed appunto è come ti dicevo sopra, il SWF è inserito in una semplice pagina web.
    Spero di aver capito e di aver risposto benino hehehe :-) In caso contrario dimelo ok?
    ,-)
    John

  25. Ciao!
    Sono quasi riuscito nel mio intento: il palyer viene visualizzto. Sono riuscito copiano e incollando i vari livelli del file sorgente direttmanete nel mio fla (dentro una cartella dedicata) però quando a caricare il tutto on line le info della canzone e la barra del tempo non appaiono, inoltre l’equalizzatore si muove da solo anche quando premo stop.
    Comununque i brani si possono ascoltare tutti e tre.
    Sai dirmi il perchè?
    Grazie
    Giuseppe

  26. Credo che tu debba creare un nuovo livello dove inserire il player nel FLA), e non crearti una cartella dedicata, ma aggiungi i file insieme agli altri nella libreria. Sai che premendo f9 (per aver l’action) trovi le righe di comando. Puoi postarle per piacere?
    Per lo stop dovresti, nel keyframe, aggiungere l’action di stop.
    Postami il codice.
    Ciao :-)

  27. Moichano

    @Maurizio:
    Ciao Maurizio, anche io ho il tuo stesso identico problema.
    Tu sei riuscito a risolvere?

  28. ciao Julius! son rimasto colpito dal tuo player, essendo proprio alle prime armi con Flash seguo i tuoi videocorsi e sul blog i tuoi consigli. Ora però volevo provar questo player e metterlo nel mio spazio web, solo che ce l’ho bisogno più per il lungo (orizzontalmente), se provo a spostare i vari elementi ed a metter piu lungo il filmato poi mi diventa tutto rimpicciolito (tasti,ecc)

  29. Ciao Julius. Grazie per il contributo del player. Quando lo carico con un “loader” nel file di flash gli mp3 si sentono tranquillamente, funzionano le animazioni dei bottoni ma non carica i testi (nomi canzone, durata ecc). Mi potresti aiutare a risolvere? (non ho molta esperienza di Flash, ovviamente :P ma se posso contribuire con Photoshop/illustrator/fotografia digitale/fotoritocco sarei ben lieto)

    Thanx

    Paul

  30. Ciao julius, volevo usare il tuo lettore, però purtroppo non riesco a caricarlo, oltre ad aver copiato il codice dove mi serviva, e messo il file sfw sulla stessa cartella non so che fare, inoltre anche il file html che c’è nel tuo file rar non funziona. Sai mica il perchè?

  31. ragazzi siete riusciti a capire come randomizzare gli mp3?quel codice
    song_r=random(3)+1;
    track = song_r;

    dove si inserisce?

  32. Ti copio le prime 18 righe del codice.
    A me funziona. Tieni conto del nome del file xml di riferimento che nel mio caso si chiama dati.xml

    _quality = “BEST”;
    fscommand(“fullscreen”, “false”);
    fscommand(“allowscale”, “false”);
    musicPlay = true;
    songList = new Array();
    _root.xml = “dati.xml”;
    playListFile = _root.xml;
    song_r=random(6)+1;
    track = song_r
    autoplay = “yes”;
    newSong = false;
    playList = new XML();
    playList.ignoreWhite = true;
    playList.onLoad = function(success) {
    if (!success) {
    trace(“XML non trovato”);
    return;
    }

  33. Andrea94

    ciao volevo sapere c’è la possibilità ke la canzone parta in automatico dopo aver caricato la pagina senza dover toccare il tasto I> ??

  34. djredblack

    ciao complimenti per il flash ascolta come faccio a far partire la musica in auto play? e poi ce un modo di non far staccare la musica quando si cambia pagina dal sito? grazie mille buon natale

  35. ho inserito il mini lettore in un’animazione all’interno di un movieclip: i brani li ascolto e posso skippare da uno a l’altro, ma non mi compaiono le informazioni titolo durata etc… cosa devo fare?

    grazie, marco

  36. Ciao a tutti! Senza stressare troppo il mitico web master…qualcuno saprebbe dirmi come eliminare il “loop” del player? Grazie!!!!

  37. @ marco:
    ciao anche a me succede la stessa cosa…. se carico l’swf che contiene tutte le info dei brani in un altro swf tramite il comando:
    this.createEmptyMovieClip(“playerMc”,100);
    setProperty(playerMc, _x, 720);
    setProperty(playerMc, _y, 960);
    playerMc._xscale=70;
    playerMc._yscale=70;
    playerMc.loadMovie(“player.swf”);
    il miniplayer mi da solo i tasti ma niente info nei campi di testo dinamici. da solo però è giusto…..come risolvere.
    grazie e complimenti per tutte le risorse che ci metti a disposizione julius

Commenti