Tutto è iniziato dopo aver visto questo player mp3, sul mitico blog di Maurizio Pelizzone, per gestire musica e podcasting in flash!
Sempre colpa tua mauri :P

Ho provato a realizzarne uno, Opensource, con un interfaccia del famoso prodotto dell’ Apple Inc, ovvero l’ Ipod.

Dopo una serie di test sono arrivato alla versione BETA: IpodPlayer ( multi istanza – playlist personalizzabile – autostart – settaggio volume con rotella del mouse – cover e colori dei pulsanti personalizzabili)

Visualizza l'IpodPlayer

I file mp3 possono risiedere sul nostro hardware o su un server remoto indicando il percorso completo
esempio:
http://nomeserver/nomefile.mp3

La playlist è un semplice file xml, che oltre all’elenco dei file mp3 permette di settare alcuni parametri da me aggiunti:

urlskin(“no” oppure il nome dell’ immagine esterna risiedente nella cartella skin/nero.jpg” o ancora un swf esterno “squalo.swf“)
buttoncolor(”0066CC”)
autoStart (”yes”,”no”)

Il codice XML:

<?xml version="1.0" encoding="UTF-8"?>
<player urlskin="blu.jpg" buttoncolor="0066CC" autoStart="no">
<song path="http://nomeserver/nomecartella/nomefile1.mp3" title="nomefile1" />
<song path="http://nomeserver/nomecartella/nomefile2.mp3" title="nomefile2" />
</player>

Per inserire una playlist differente alla nostra, basta passare la nuova in questo modo:

a seconda del modo di inserimento del IpodPlayer andiamo a passare il valore playlist alla nostra applicazione Flash

IpodPlayer.swf?playlist=alternate.xml

Tutto sommato penso di aver fatto un buon lavoro, a voi i commenti o suggerimenti!!

Scarica il sorgente
Prova l’iPodPlayer

Guarda la nuova versione dell’iPodPlayer

Author

Sono un Creative Strategist con più di 10 anni di esperienza in strategie digitali. Il mio ruolo di Stratega consiste nell’ideare e sviluppare concept creativi per progetti multicanale, individuando le attivazioni e dinamiche di Marketing da applicare attraverso un approccio strategico.

149 Commenti

  1. Ciao!!!! Complimenti xkè questo Ipod è davvero molto sburo…. bravissimo!!! Xò ho un problem… volevo inserire l’Ipod nel mio forum ma indovina??? Nn ci riesco!!! è un forum creato su forumfree dv i file flash si possono mettere ma nn ho la + pallida idea di dv dovrei inserire i cod dell’Ipod…. HELP ME!!!!!!!
    (questo è il code x i file flash su forumfree: –> embed src=”http://indirizzo_file_flash” quality=”high” width=”600″ height=”100″
    type=”application/x-shockwave-flash” pluginspace=”http://www.macromedia.com/shockwave/download/index.cgi?
    P1_Prod_Version=ShockwaveFlash”

  2. emanuele

    ciao,sto facendo un sito internet, ho scaricato i file dell’i-pod e nel testo HTML ho inserito i tuoi tag,mi partono le canzoni che sicuramente hai messo tu, se volessi mettere delle mie canzoni come faccio? se mi dai il percorso xml (credo che parta da li!) mi saresti molto d’aiuto! grazie ;)

  3. ciao emanuele leggi il quarto commento, ce scritto come aggiungere le canzoni tramite XML inserendo il percorso esatto.

    ciao

  4. emanuele

    julius nn ci riesco a mettere le canzoni, facciamo così, io il sito web anocora lo devo mettere in rete ma ti dico l’url e ti faccio un esempio di una canzone che ho nella cartella, ti va di darmi la codifica sia per metter l’i-pod che per la cartella xml? il sito è http://www.salsaevolution.it e la canzone è lamentoboliviano come skin metto quello nero. grazie spero che questa volta ce la faccio!

  5. Non ha senso darmi un link di un sito che non è ancora online, ti pare?

    al limite dammi il link corretto all’Ipod caricato sul tuo server

  6. emanuele

    questo è il link dell’ i-pod caricato nel file html:

    dimmi se è giusto e poi dimmi il file xml come devo impostarlo…grazie!

  7. emanuele

    sto provando a mandarti il codice html ma nn lo visualizza sul tuo commento…come mai?

  8. Salut..bellissimo davvero complimentissimi…solo che ho un problemone…io devo inserire il tuo bellissimo i-pod nel mio sito internet con solo l’utilizzo dell’HTML.
    Ho scaricato..ho provato a fare tutto ma nada!
    Non viene…potresti darmi una mano tu?
    te ne sarei grata

    Kiss By Monyque

  9. O.O ce l’ho fatta finalmente ad inserirlo ma non capisco come faccio a mettere le mie song e a cambiare la skin!

  10. si ma sia kiaro io di html non capisco nulla e quasto si vede quindi da che parte dell’html dovrei metterlo….cioè dove??
    Scusami ancora scusa scusa scusa

  11. Ho capito che non sei molto pratica, se vuoi inviami alla mia casella di posta, la tua pagina html con l’ipod e scrivimi la skin da te scelta e dove risiedono le canzoni cosi le inserisco nella pagina per te.

    ciao

  12. xo nn riesco a capire xke certevolte mi va e certe no!!!!!
    solo su myspace mi succede……..?
    se lo apro con il mio sito di altervista mi funziona sempre

  13. Ciao carlo, ho visto e sinceramente non riesco a capire, non è un problema dell’iPod ma dello spazio un cui cerchi di pubblicarlo..almeno penso..

    Infatti come tu stesso dici, se apri direttamente l’iPod funziona…

  14. scusa l’ultima cosa
    se io volessi cambiare il colore della rotella centrale cosa dovrei usare?
    Macromedia Flash 8?
    ho provato ma nn mi cambia la rotella cambia solo il colore in torno

  15. La rotella ha un ocore sfumato per ogni movemento, comunque puoi cambiarlo con il pannello MIXER DEI COLORI, entra nel clip roto e cambia il colore nei vari movimenti

    Se intendi il cerchio in mezzo, quello non puoi in quanto sarebbe un rotondo trasparente che fa vedere il resto della cover…

  16. federico

    ci sto lavorando su anche io…..a me funzionava subito e mi so messo a modificarlo….è solo…che le canzoni non capisco…me le fa ascoltare solo la metà!!!!!cè qualche settaggio da verificare sul file.fla????fammi sapere julius sei un grande!!

  17. Ciao federico, quanto durano le tue canzoni? a me non succede…

    Per metà cosa intendi? Si blocca la canzone o rimane muto…

  18. federico

    o meglio delle volte ad esempio una canzone me la fa ascoltare solo 30 sec un altra volta sui 2 min e un altra volta tutta……strano……molto….

  19. federico

    praticamente ho capito definitivamente….se mi sbaglio correggimi.
    Fino a che il browser non carica sulla sua cache gli mp3 non te li lancia per intere le canzoni…….

  20. federico

    poi cosa intendi per questo:

    Per inserire una playlist differente alla nostra, basta passare la nuova in questo modo:

    a seconda del modo di inserimento del IpodPlayer andiamo a passare il valore playlist alla nostra applicazione Flash

    IpodPlayer.swf?playlist=alternate.xml

  21. Allora l’mp3 viene caricato in streaming, quindi se hai una connessione lenta ovviamente dovrai aspettare qualche secondo…

    per quanto riguarda l’altra domanda, è intesa nel senso che è possibile avere un file XML esterno su un altro spazio web e i file ancora su un altro…

  22. federico

    la mia connessione è di 2mb……ma in streaming….nn mi sembra…sai perchè??perchè carica subito in e mi da come durata max X secondi (tipo 22)e mi fa ascoltare solo quelli…..

  23. Potrebbe essere un bug, controllo e ti faccio sapere…

    per curiosità quanto durano le canzoni su cui hai avuto problemi?

  24. federico

    le canzoni….sono di varie durate……dai 3 ai 7 min….
    Fammi sto favore julius……ti ringrazio anticipatamnete

  25. Ciao io ho usato un programma per mettere l’ipod si chiama myflashfetish.com e dopo aver trovato il codice e averlo inserito nel box bianco, ho visto k m riportava solo metà iPod…se vuoi puoi passare da me e vedere tu stesso…cmq il mio codice dell’iPod è:
    M potresti dire se c’è qlks di sbagliato?
    x favore te ne sarei grata! grazie ciao

  26. Ciao Denise, purtroppo il template del mio blog fa inserire il codice HTML solo se scritto in modo speciale, quindi il tuop codice non è stato pubblicato nel commento.

    Se vuoi dammi un link in cui hai inserito l’iPod che controllo

    saluti

  27. Salve,complimenti per il magnifico lavoro,una domanda,come faccio a cambiare la playlist,cioe voglio metere le mie canzini preferite in formato mp3?,e come faccio per fare l’auto player all aperture della pagina??grazie……

  28. Ciao Kevin,

    trovi tutti i settaggi nel file XML:

    autoStart= si/no per attivare o disabilitare l’autostart

    e poi per inserire le canzoni basta inserire il percorso relativo o assoluto del file mp3

    Leggi il quarto commento per altre informazioni

    ciao

  29. Molto bello il tuo player,mi kiedevo s esi poteva implementare un controllo volume….ovviamente io non ne sono capace…ma penso ke con un controllo volume diventerebbe senz’altro fighissimo…grazie

  30. CompareVito

    ciao devo dire ke questo player e fortissimo ti volevo chiedere se si poteva implementare anke con delle immagini del brano in esecuzione anke di piccole dimensioni in modo da renderlo anke più completo… così inizia a somigliare anke ad un iphone ehehehhe… e per il volume potresti inserire un controllo anke video anke perke non tutti vanno all’idea della rotella… ciao continua così sei veramente bravo in flash magari un giorno lo sarò ankio… ciao

  31. ciao e’ bellissimo davvero….pero’ ho’ un problema non riesco a caricare l’immagine che vorri come sfondo dell’ipod…..e poi vorrei sapere se’ fosse possibile mettere uno sfondo trasparente

    ciao sei un grande

  32. @ CompareVito ciao sto implementando altre cosette ci sono anche le tue fra loro ^_^

    @marco ciao

    controlla di aver dato un percorso corretto alla skin e di averla caricata.

    Per farla trasparente in teoria ora come ora dovresti modificare il fla…in quanto ce sempre uno sfondo…

    nelle varie implementazioni che sto facendo inserirò questa possibilità

    ciao

  33. no no mi rimane sempre la cover blu…la sua originale non so proprio come fare…..o provato e riprovato ma non ci rieco a cambiare ne il colore di sfondo e ne la cover…dovrei farlo celeste lo sfondo ma non so come fare

    grazie

  34. Devi avere una cover caricata e poi inserire il percorso esatto…

    scrvimi qui il link alla pagina con il tuo ipod che controllo

Commenti