iPodPlayer – Riproduttore Mp3

- Letture: 5.490

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

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.

149 Commenti

  1. riscusami ancora adesso non mi funzione piu’……aiutooooooooooooooo sto impazzendo ti prego aiutami passo per passo a istarlarlo sbaglio qualcosa ma non iesco a capire cosa e’ una settimana che ci provo
    ciao

  2. CompareVito

    beh allora non mi resta che aspettare con ansia… ciao a presto ( mi sa ke ogni giorno dovro fare un visitina nel sito ehehehhe)

  3. @marco ciao allora a quanto pare funziona ma l’immagine di sfondo è stata disegnata non correttamente…

    Prendi le dimensioni dell’iPod e usale come guida per fare la cover…

    @CompareVito grazie :)

  4. Viziodiforma

    Ciao,
    ho provato ad usare in tuo originalissimo player, ma ho avuto una difficoltà.
    Ho provato a caricarlo tramite un pulsante in questo modo:

    _root.ipod_btn.onRelease = function() {
    createEmptyMovieClip("ipod_mc", 250);
    _root.ipod_mc.loadMovie("IpodPlayer/IpodPlayer.swf");
    _root.ipod_mc._x = Stage.width/2-450;
    _root.ipod_mc._y = Stage.height/2-250;

    }

    L’ipodPlayer me lo carica, ma poi mi cancella tutto quello che stava già sulla _root.
    Hai qualche idea?

    Grazie in anticipo

  5. Ho copiatoil codice nello spazio di myspace ma non mi appare il lettore…per il resto poi saprei anche come fare…

  6. ciao ho copiato il tuo lettore per un mio sito..è un bellissimo lettore..volevo solo capire tre cose che non riesco a sistemare…
    1 ho una canzone che a differenza delle altre va in velocità superiore..
    2 vorrei farlo partire insieme al home page
    3 mi piacerebbe che la finestra del lettore fosse grande come il lettore stesso

    ciao e grazie

  7. ho una canzone che a differenza delle altre va in velocità superiore..

    Controlla che l’mp3 sia di 56 Mhz

    vorrei farlo partire insieme al home page

    nel file XML autostart si o no…

    mi piacerebbe che la finestra del lettore fosse grande come il lettore stesso

    Usa una popup

  8. si.. infatti il file mp3 è da 32khz..come posso modificarlo??

    autostart è inserito, ma ho l’home page e il link per farlo partire..volevo che nell’aprire l’homepage partisse anche la finestra del lettore(grande come il lettore stesso)
    popup ho provato..ma ormai sono bloccati da la maggior parte delle persone che usano il computer

  9. Salve per caso dopo tanto girare sono arrivato in questo sito, e penso che sia cio che fa per me (il tutto e fatto senza scopo di lucro), sto caricando della canzoni religiose su :http://boomp3.com/m/cba6be3cb1f3 ma mi sono accorto di non sapere da dove cominciare:
    file xlm come lo creo e dove lo posiziono nel blog(ti pregherei di guardare il sito cosi avrai una idea di tutto) come faccio a mettere il colore nero. Ed in ultimo se hai qualche server meno complicato per posizionare mp3 ti prego di indicarmelo.
    Ti chiedo scusa di tutte queste richieste ma sono im mezzo una strada..
    Saluti Rocco

  10. Ciao julius, ho trovato il tuo lettore molto bello, sono riuscito a inserirlo nel mio sito e funziona a meraviglia. sono entusiasta, guardandolo bene pero’ ho notato che lo sfondo dell’Ipod e’ nero mentre il lettore e’ bianco. la domanda e’: se metto lo sfondo bianco (sempre se si puo’ cambiare) il lettore si riesce sempre a distinguere dallo sfondo? ovviamente lasciandolo bianco. se tutto questo e’ possibile e il risultato cromatico fosse buono, mi potresti dare i parametri e i codici per effettuare il cambiamento? grazie di tutto. :)

  11. @spinotto ciao

    per il colore di sfondo devi impostarlo nel codice HTML come noterai ora hai bgcolor=”#000000″, ti ricordo che devi inserirlo due volte, sia nell’embed che nei parametri comunque sembre nel codice HTML

    Per far si che la musica si senta sempre hai solo 2 modi, il primo è avere un sito completamente in flash la seconda è usare iFrame anche se nn sono molto accessibili, in quanto non supportati da tutti i browser…

  12. ciao julius
    vorrei mettere il tuo lettore nel mio sito.. come devo fare che non ho capito niente? anche pe quanto riguarda caricare delle mie canzoni grazie

  13. ciao, senti ho seguito le istruzioni e per quanto riguarda l’ipod sono riuscito a metterlo.. ma ho problemi con il file .xml.. ho aperto il file che c’è nel .zip e ho modificato i percorsi delle canzoni.. ma nn so come devo fare per metterlo e dove metterlo nel codice html.. aiutami please!!!! il sito è http://www.staffmayday.com … una volta entrato vai su playlist così magari vedi l’errore… grazi

  14. Lorenzo basta che carichi il file XML sul tuo FTP come hai fatto con il player swf tutto qui…

    Il player poi andrà a cercare il file XML in automatico, ma quest’utlimo deve essere caricato in remoto…

  15. Complimenti Giuliano per il progetto, ma ancor più per la tua generosità nel metterlo a disposizione.
    Ora sono qui per ringraziarti e darti il dovuto riconoscimento.
    Premesso che ho 40 e passa anni più di te, che sono all’abc per tutto ciò che riguarda il computer e che le mie sono solo prove, mi sembrava carino mostrarti come, per ora, ho utilizzato il tuo lavoro.

    Lo trovi qui: http://elle44.altervista.org/
    –> menu in alto –> Sezione Prove –> Galleria Musicale

    Non è un vero sito, è solo una “palestra flash” ancora in fase embrionale. L’ho allestita perchè avevo notato che facendo prove senza alcun obiettivo, abbandonavo lo studio a ogni più piccolo intoppo e che invece, l’avere un “qualcosa da riempire” mi era di stimolo.

    Uso il PC da pochi anni e se ci metti che a una certa età non si ha più quell’elasticità che caratterizza voi giovani … puoi capire il mio imbarazzo …

    Con sincera ammirazione
    laura

  16. L’ HO VISTO!
    L’ho visto ed ammirato, ma non mi riesce a far funzionare la ghiera e, per ora. rimando a tempi migliori.
    Sai invece a cosa terrei?
    Che in prima battuta a chi sceglie: una Lista in Galleria Musicale (nel sito indicato poco sopra) uscissero nell’ipod i crediti e non il menu…. Ci terrei davvero.

  17. La ghiera funziona con la pressione del mouse, ovviamente sul rotondino, non trasinando il mouse sui pulsanti del player.

    “Logicamente” farlo partire da CREDITI non è proprio il massimo in quanto un visitatore si aspetta almeno di vedere le tracce, anche se si potrebbe fare…

    Poi un’altra cosa, non so se ti sei dimenticata ma hai lasciato la canzone esempio relaxd

  18. 1) Credo proprio di essere tarda… ma io premo nel tondino in mezzo (chiamiamolo quello dei crediti) e trascino a destra e a sinistra, ma il volume non mi si regola.

    2) Lo so che a un visitatore fa più comodo avere subito la lista delle tracce, ma ci sta scritto menu e mi pare che far leggere il nome di chi l’ha ideato è il minimo che io possa fare per ricambiare la tua genorosità

    3) Non mi sono dimenticata … la canzone d’esempio l’ho lasciata di proposito, del resto anche le altre sono lì semplicemente per prova, … vedi essendo io svanita e confusionaria, quando ho cominciato a pasticciarci, temevo di cancellare il link e allora per sicurezza ho lasciato la canzone nella lista … almeno quando l’avessi aperta avrei potuto risalire al tuo url … :-)

    Ciao-ciao e buananotte

  19. @laura

    non devi premere il tondino in mezzo dove c’è scritto crediti, ma quello esterno (ovviamente parlo della nuova versione)

  20. Salve amici. Ho un problema. Devo mettere il filmato swf in un post di un forum.
    Premetto che tutti i files risiedono in un altro dominio dove fuziona perfettamente.
    Ho messo il filmato mi dice che non riesce ha trovare il files xml. Il forum è abilitato per la visione dei files flash. Cosa dovrei fare?
    Grazie

  21. Ho inserito questo codice come mi hai suggerito

    al posto di questo

    Ma non si vede nulla ne sul forum e neanche dove risiedono i files del player.
    Per rivedere il player sul dominio dove risiede ho dovuto rimettere il codice

    Dove sbaglio?
    Grazie per la disponibilità
    Saluti Paolo
    P.S. Bellissimo player ottimo lavoro

  22. Ciao!!! scusa se ti chiedo come si fa.. ho letto tutti i commenti cercando la soluzione.. ma niente da fare!
    Qui c’è cosa ho messo nella sezione del blog (di blogger) e nel file xml su divshare.
    Sul blog mi visualizza solo il clic intermedio per attivare flash… :(
    aiutami tuuuuuuu.. ;) grazie

  23. Non pupi caricare il file con quel tipo di sito, in quanto i file vengono scariacti e non visualizzati

    ti serve un altro spazio su cui caricarli…

  24. Hi Julius,

    Sorry, I don’t speak Italian…

    Thanks for your wonderful ipod player! It works great, but there a few minor problems:

    – a playlist with multiple loops always plays back in a loop, i.e. when the last mp3 of the playlist stops, the player plays the list all over again. Can this be a parameter in the xml file, for example loop=false?

    – can the playlist index numbering (song 1 is 001, song 2 is 002 etc.) be turned off (for example numbers=off)?

    – as far as I can see, the player doesn’t accept mp3’s whose name contains a dot (that’s a “.”), for example when a mp3 is called “album1.track1.mp3”)

    – only the image of the first selected mp3 is shown when the player moves to the next mp3 automatically.

    thanks again and cheers, peter

  25. ciao,
    volevo chiederti una cosa.
    Non sono una cima a costruire siti web, mi piace fare ogni tanto qualche cosa sul mio sito personale.
    Al momento utilizzo un programma MAC che è iWEB
    e vorrei inserire l’ipod. COsa devo fare esattamente? ho dato uno sguardo sulle FAQ ma non ho capito da dove partire.
    Ho scaricato in ogni caso i file sorgente.
    Come continuo?
    Ti prego fammi sapere
    a presto

  26. john (da Ivrea)

    Grazie per tutto, ho risolto diversamente…. ovvio che eliminavi i miei commenti…..:-(

  27. ciao julius senti complimenti x il lavoro solo che ho 1 problema:metto il codice html per mettere l’iPod player sul blog e poi vado a verificare c’è lo spazio bianco per l’iPod come se lo dovesse ancora caricare ma non lo carica

  28. solo bianco? controlla di avere inserito bene tutti i file sul tuo spazio..

    altrimenti scrivi qui un link al ipod che verifico online

  29. ciao julius ieri ho scritto un commento anzi 2 si visualizzavano ed ora non c’e’ più per niente e ne tanto meno non ho avuto spiegazioni riguardo l’ipod.
    il mio nick era acetino.
    fami sapere ciao!

  30. forse hai scritto sul vecchio blog…ti ricordo che i messaggi non vengono più pubblicati su quello vecchio

  31. ciao julius il mio problema è questo ..
    nel mio sito ci sono due pagine che indicano 2 versioni del mio cd (cd1 e cd2) ho messo un ipod per ogni pagina e di conseguensa 2 file xml .
    nel browser firefox ogni pagina ha le sue canzoni.
    in internet explorer il cd2 mi lancia le canzoni del cd 1.
    comunque puoi veterlo tu stesso.
    http://acetino.com/Cd1.html
    http://acetino.com/Cd2.html
    con firefox va bene e con explorer no!

  32. ciao senti nn so se qst domanda è già stata fatta (nn vorrei essere ripetitivo) cmq volevo kiedere se era possibile far riprodurre al player radio ke trasmettono live in streaming invece di canzoni

  33. Ciao e complimenti per il lavoro, io volevo mettere il player nel frame top del sito che sto realizzando che andrà pubblicato non solo su internet ma anche su un cd rom. Nel caso del cd non so che percorso dare ai file mp3 da riprodurre perchè la lettera del lettore cd è variabile da computer a computer. Per esempio:

    H:\il_mio_cd\cartella_mp3\canzone1.mp3

    Nel caso la lettera del lettore cd fosse diversa su un’altro computer come posso risolvere? Spero di essermi spiegato, grazie per l’attenzione, saluti Michele.

  34. ciao julius,
    volevo sapere se era possibile rallentare lo scroll dei titoli e, se si, su quale parametro devo agire. grazie :)

  35. c’è un modo per fare avviare la musica in automatico senza cliccare invio???

Commenti