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)
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!!
149 Commenti
e bravo stu picciotto … ;)
@ maurizio grazie mauri tutto colpa tua comunque!! hihihihi
non è che mi potresti dare una mano…dettagliatamente…nel senso che io non sono molto capace con il flash…con l’html e le cosine del blog ci so fare…ma ad inserire il player, nada de nada…praticamente io vorrei inserire un player per ascoltare sul blog la musica che ho sul pc…si può fare? o è una cosa irreale?
Thanks dell’aiuto!
Ciao Magicadoremi,
Se vuoi mettere sul blog il mio IpodPlayer per sentire canzoni in locale, ovviamente si puo’ fare, ma le sentirai solo tu, in quanto risiedono sul tuo Hard Disk…e non ne vedo l’uilità.
I poveretti che poi andaranno a cliccare le tue song non sentirano un bel niente…
Invece se vuoi che anche i tuoi visitatori sentino le canzoni che hai nell Ipod, devi caricarle su un tuo spazio web.
Premettendo che il tuo spazio blog ti permetta di inserire tag <object>…. per inserire l’Ipod devi eseguire queste operazioni:
>Dallo .zip estrarre i files,quelli necessari da uppare in caso di pubblicazione sono:
1)IpodPlayer.swf
2)IpodPlayerFlash.xml
3)La cartella skin lasciare dafault.gif e aggiungere le eventuali cover
>inserire i files in una directory del tuo spazio web
>Inserire il codice per l’elemento flash, nel punto in cui vogliamo che sia l’IpodPlayer:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="200" height="330"><param name="movie" value="IpodPlayer.swf" />
<param name="quality" value="high" />
<param name="salign" value="t">
<embed src="IpodPlayer.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="330"></embed>
</object>
una volta inserito l’Ipod player andiamo a impostare il file .XML
>I primi parametri, urlskin – buttoncolor – autoStart ,sono spiegati nel articolo
>Nel tag song path andiamo a inserire il percorso dei nostri file musicali
se risideono sul nostro Hard disk: (le sentiremo solo noi)
<song path "c:/Musica/miofile.mp3" title=”titolo1" />se risiedono sul nostro spazio web: (le sentiranno tutti)
<song path="http://www.miospazio.com/musica/miofile.mp3" title="titolo1" />Dovrebbe essere tutto =P
Se ci sono altri dubbi non esitare a chidere :)
ciao
Julius innanzi tutto complimenti per il lavoro…era proprio quel che cercavo!!!
Però ho un problema: nel mio windows live space l’ipod viene visualizzato (ho utilizzato il codice che hai postato per Magicadoremi) ma non riesco ad accedere al file xml (“cannot find the xml file”).
Ho salvato i file swf e xml in una cartella di un free file hosting e all’interno di essa ho creato la cartella skin contenente gli altri file.
La domanda è: in base al codice che hai postato per Magicadoremi come faccio a dire a indirizzo_Filehosting…./cartella/IpodPlayer.swf dove trovare il file xml?????
Help;o)
Grazie…a presto!
Ciao giovanni allora se hai caricato il file xml in un altro spazio e vuoi associarlo al nostro IpodPlayer devi fare in questo modo:
una volta scritto il codice descritto nell articolo nella tua pagina html, aggiungi il parametro playlist e inserisci l’url del tuo file xml come in questo esempio:
IpodPlayer.swf?playlist=http://www.miosito.it/mio.xmlspero di averti risolto il problema :)
ciao, prima di tutto complimenti, secondo ti devo chiedere una mano, ho provato e riprovato a mettere il tuo lettore in un post del mio blog ma senza risucirci. Non so se dipende dal fatto che i file li ho caricati da un altra parte, oppure se non si può proprio metterlo in un post singolo.
ti allego il codice che ho messo.
grazie
Ciao dagohack,
il codice non lo vedo…
Il tuo blog permette di inserire codice per applicazioni Flash?
Hai gia provato a inserire l’IpodPlayer seguendo le istruzioni che ho scritto per Magicadoremi?
Al limite inviami una mail…
non sono riuscito a mettere il tuo stupendo i-pod sul mio blog
comuque è veramente bello
ne cercherò uno più semplice non conosco bene flash
ciao
A me funziona tutto bene, pero’ l’immagine e’ “cimata” ossia manca una fettina sopra e una sotto (quella coi bordi arrotondati per intenderci).
C’e’ modo di capire e risolvere il problema?
Comunque molto bello, complimenti.
Ciao Paola mi sembra abbastanza strano, tu le cover presenti nella pagina di esposizione degli ipod li vedi correttamente?
Potrebbe essere un errore di dimensioni della cover in skin/
ciao fammi sapere
In effetti devo aver fatto un po’ di .. confusione. L’avevo provato solo in locale e mi dava il problema citato, poi ho provato a pubblicarlo per mandarti un link ma ancora peggio.. vedevo solo parte dei tasti.
La tua pagina di esposizionela vedo correttamente (da quella e dall’immagine di questo post ho capito che non andava bene)
Ora, non vorrei annoiare i lettori ma i passi necessari e sufficienti sono
1-modificare il file .xml
2-copiare tutto in una directory
3-inserire in una pagina html (o in un blog) il pezzetto di codice (inalterato) di cui al commento 4?
un saluto e grazie, Paola
Esatto Paola :) comunque non capisco perchè in locale hai questi bug :-/
Che celerita’!
Bho proprio non saprei..
pazienza! Grazie ancora, Paola
Se hai altri problemi non esitare a esporli
un saluto
ciao a tutti julius com’è ke il mio ipod nn lo vedo nel mio blog
ciao marko95,
pur avendo inserito una palla magica non saprei cosa risponderti ^^
Magari se mi scrivi il codice che hai scritto per inserire l’IPOD verifichiamo se ci sono errori
Ciao! complimenti per il lavoro!.. Senti t volevo kiedere.. siccome voglio inserire il tuo ipod nel mio blog non nel mio sito personale e il blog non m permette di caricare i files che invece carico facilmente con cute ftp su webalice.it ; la parte della playlist xml sono riuscito ma non riesco a capire se posso caricare i file flash ipodplayer.swf ecc.. in un altro sito per poi ricollegarlo a qst ipod che però sta in un altro sito. (http://davids1048.spaces.live.com) il problema è piu o meno lo stesso del file xml che hai risolto sopra dove gli hai fatto aggiungere playlist=… qui che devo aggiungere in questo caso? grazie! ciao
Ciao,
se ho capito bene, l’ipodplayer lo salverai su un altro spazio web, e vorresti pubblicarlo a sua volta su altro server…
a questo punto potresti cambiare il percorso dell’ipod riferito al tuo server
ovvero nel secondo commento vedi come inserire l’ipod, ti basterà cambiare il percorso in questo modo.
Ti scrivo i pezzi di codie in cui devi cambiare il percorso (Ipotizzo un percorso)
<paramname="movie" value="http://www.miodominio.com/IpodPlayer.swf" /><embed src="http://www.miodominio.com/IpodPlayer.swf"uao julius hai fatto un lavoro eccellente!
volevo chiederti solo una cosa che non ho ben capito..dove devo inserire il codice xml [all’interno del quale inserisco gli url degli mp3 che vorrei nella playlist, se ho capito bene..]? perchè ora mi ritrovo con “due codici”, diciamo così: quello del player [il tag object] e quello della playlist [il tag xml]
grazie mille della fichissima idea dell’ipod multimediale =D!
@YuN ciao
il file XML normlamente sta nella stessa directory dell’IpodPlayer.swf
Se hai necessità di cambiare il percorso del file XML, leggi le istruzioni nel sesto commento.
grazie per i complimenti
un saluto
Sisi il file XML l’ho trovato e l’ho modificato coi dati che mi servono, solo che non riesco ad uploadarlo su altervista..Conosci qualche altro freehost per caso? E cmq una volta uploadato, non so dove inserire il link..
Tu che programma usi per lavorare sugli XML? Microsoft Word?
Grazie di tutto, sei gentilissimo!
In che senso non te lo fa uploadare su altervista? mi sermbra molto strano, in quanto ho vari file xml risiedenti su un server di altervista…
Non sai dove inserire il link? che link scusa? Il file XML va solo compilato, poi per inserire il player Ipod devi seguire le istruzioni nel quarto commento :)
Per lavorare con XML, visto che sono molto semplici puoi usare semplicemente il BLOCCO NOTE di windows oppure Macromedia Dreamweaver…
Se invece vuoi dei programmi “specializzati” nei file XML ne trovi parecchi nel nel web
ciao! scusa se rompo ancora ma non riesco proprio, puoi dirmi se il codice in questo modo può andare bene? grazie!
e il codice xml, come esempio, potrebbe essere questo:
ho provato a farlo girare sul blocco note rinominando il file in html ma oltre a un riquadro vuoto non si vede niente. ciao grazie per l’attenzione!
scusa ma m sn scordato che il codice cosi nn appare, posto ora il link:
http://www.webalice.it/erikadavide/ipod.doc
Ciao davide,
prima di tutto è di buona regola non lasciare spazi nei tui file e percorsi come mio file.xml, diventa mio_file.xml, stessa cosa per i percorsi dei file mp3.
Inoltre il tuo file xml è errato, ci sono dei sobbi apici non riconosciuti, cambiali con quelli standar “
Per vedere se il file xml è corretto, aprilo con il browser, anche offline.
Se sarà corretto vedrai il contenuto, altrimenti vedrai l’output del debug con gli errori.
PS: belle le canzoni :)
eheh ascolti anke tu qulla musica?
cmq non riesco a capire mi da errore nella formattazione xml, adesso devo chiudere domani magari ti posto un altro link.
ciao grazie per il consiglio di non lasciare spazi! notte!
ciao sono un dj produttore , ti volevo dire siccome mi piace questo lettore e lo vorrei inserire nel mio space però devo inserire le mie produzione come posso fare? ciao e grazie
@dj carmixer ciao,
allora prima di inserire l’ipodPlayer nel tuo space, accertati che possa mettere applicativi flash, in seguito segui la procedura nel quarto commento…
Le tue canzoni possono risiedere anche su un altro server, ti basterà inserire il percorso nel file xml
se hai altri dubbi non esitare a scriverli…
partendo dal presuposto che la tua idea e a dir poco eccellente ma io sono una schiappa col pc,volevo chiederti un po di cose…cos è la directory?ce…in pratica…mi potresti spiegare passaggio per passaggio?senza nomi troppo complicati?il mio blog è su msn spaces…..per favore aiutami!!!
ringrazio….
@francesca ciao per inserire l’ipodplayer ti basta scaricare i files che trovi nello .ZIP e seguire le istruzioni che trovi nel quarto commento.
La directory è la cartellla in cui hai i files, se hai problemi aggiungimi a msn
un saluto
Ciao Mitico…..
allora, sto letteralmente impazzendo… non capisco due semplici passaggi….
UNO…. come vedi dalla pagina riesco a visualizzare l’Ipod ma non riesco a farlo partire con le mie canzoni… Ho scompattato il file.zip l’ho caricato tramite ftp nello spazio web del mio sito. poi ho copiato il codice che hai messo al commento n°4 e qui il dramma… ho modificato il codice IpodPlayer.swf?playlist=alternate.xml e sono rimasto qui. perchè ho caricato una cartella con i file musicali nello spazio web ma non capisco come farla diventare un file xml. e poi il codice xml che c’è all’inizio dove lo incollo? prima, dopo, in mezzo al codice del commento 4??? spero di essere stato chiaro! se puoi la mia mail è anche il mio msn. mi aiuteresti un sacco… tnx
ops. la mia pagina è http://www.trinakriarapsoul.it/prod.htm
Ciao Enzo, allora nella cartella mp3 che hai correttamente caricato hai i file mp3 che vorrai sentire.
Questo codice è errato in questo caso, in quanto tu hai gia un file xml corretto e caricato di nome IpodPlayerFlash.xml
IpodPlayer.swf?playlist=alternate.xmlin questo modo, lui cerca un file XML di nome alternate.xml nel tuo spazio web.
Quindi cosa devi fare?
Prima di tutto cancella nel codice di pubblicazione ?playlist=alternate.xml e lascia solo IpodPlayer.swf
Poi vai ad aprire il file xml che vedo hai pubblicato correttamente nel tuo spazio web, IpodPlayerFlash.xml, e modifica le path all’interno del file, inserendo il percorso delle tue canzoni, che risiederanno nella cartella MP3.
Spero di essere stato chiaro
un saluto
Evvai!!!!!!!!!!!!!!!!!! fantastico!!!!
ci sono riuscito… ma a questo punto goditi le mie song!!!!
uhaaaaaa
grazie grazie grazie
@Enzo bello stile ragazzi!!
Solo un ultima cosa per finire in bellezza, imposta il colore di sfondo come il tuo sito, ovvero nero. Per farlo aggiungi queste stringe di codice nella pubblicazione
Questo tra i vari parametri
<param name="bgcolor" value="#000000" />e bgcolor="#000000" tra
<embed src="IpodPlayer.swf" bgcolor="#000000" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="330">Ciao complimentoni per l’ipod semplicissimo da installare….
ma proprio nn riesco a collegare sul mio blog il mio file xml..ho creato il parametro come hai detto name=playlist value=IpodPlayer.swf?playlist=http://www.miosito.it/mio.xml
ma prorio nn va…come mai???
saresti cosi gentile da scrivermi il codice intero per questo parametro??
grazie mille in anticipo
Allora name=playlist non mi sembra di averlo scritto …
comuqnue il codice mi sembra corretto
value=IpodPlayer.swf?playlist=http://www.miosito.it/mio.xml
Ora non so in che modo hai pubblicato l’ipod ma se hai usato l’object assicurati di averlo passato anche nel embed e di avere un file XML corretto, per verificare se lo è, aprilo con un browser, se sarà corretto leggerai il contenuto altrimenti uscirà un debug.
fammi sapere
un saluto
Ciao Julius, ho un problema, non riesco a cambiare assolutamente la skin, vorrei farne una personalizzata ma ahime, anche usando flash e modificando il file Ipodplayer non riesco a salvare la mia skin. Puoi darmi una mano?
Ciao, allora ecco come ho scritto:
ma ancora niente…
come glie passo nell’embed?qui ho cambiato solo il percorso del file src=”www.miosito.com/ipodplayer.swf”
grazie mille…
saluto
@LaJe ciao per cambiare skin è molto semplice, come detto in precedenza può essere un animazione flash o un immagine jpg delle stesse dimensioni del Player.
Una volta creata e caricata sul server, nel file XML vai a indicare il percorso della skin nel paramentro urlskin
se hai alti problemi chiedi pure…
@elektrojoke ho letto il codice, ci sono un paio di errori, avevi due value richiamati e la playlist non richiamata nell’embed
Se la playlist è la stessa puoi anche non passarlo come valore, inserisci questo codice:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" height="330"><param value="http://www.casavinicolamontonico.com/player/IpodPlayer.swf" name="movie"/>
<param value="high" name="quality"/>
<param value="t" name="salign"/>
<param value="#000000" name="bgcolor"/>
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" width="200" src="https://www.casavinicolamontonico.com/player/IpodPlayer.swf" height="330" bgcolor="#000000" type="application/x-shockwave-flash"></embed>
</object>
ciao scusa se disturbo ancora ma fin qui ci sono arrivato..io nn riesco a caricare la mia playlist.xml
mi sono spiegato…il codice che mi hai postato prima è uguale a quello cho ho gia inserito mi carica il player ma no la playlist..nn so come e dove inserire il percorso relativo al mio file.xml
cordiali
saluti
Se vuoi caricare un’altra playlist ti basterà aggiungere nei tag value e nel embed
IpodPlayer.swf?playlist=http://www.casavinicolamontonico.com/player/IpodPlayerFlash.xmldove ovviamente il parametro playlist è il percorso del tuo file xml
niente julius nn ho mica capito come inserire il parametro e embed la lista xml
cortesemente potresti scrivere il codice completo (quello nel post precedente)
con aggiunta quella riga per la lista.xml??? ho provato a metterla ovunque in tutti i modi nel embed con src=IpodPlayer.swf?playlist=http://www.casavinicolamontonico.com/player/IpodPlayerFlash.xml e niente…
nei parametri con name e value e niente..senza name e solo value e nada uguale…ti giuro sto impazzendo…
grazie mille
codice:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" height="330"><param value="http://www.casavinicolamontonico.com/player/IpodPlayer.swf?playlist=http://www.casavinicolamontonico.com/player/IpodPlayerFlash.xml" name="movie"/>
<param value="high" name="quality"/>
<param value="t" name="salign"/>
<param value="#000000" name="bgcolor"/>
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" width="200" src="http://www.casavinicolamontonico.com/player/IpodPlayer.swf?playlist=http://www.casavinicolamontonico.com/player/IpodPlayerFlash.xml" height="330" bgcolor="#000000" type="application/x-shockwave-flash"></embed>
</object>
Ovviamente lo skin non funziona in quanto nel file xml e impostato solo squalo.swf, invece devi indicare tutto l’url in cui si trova!
saluti
Holà Julius..
allora c’è l’ho fatta…però….lo skin nn compare..eppure il link
è quello…l’ho inserito con http://ecc..
come mai??
come sempre graziee millee
@elektrojoke risolto, allora in poche parole avevo impostato come cartella standar SKIN/ però non avevo pensato che se lo skin fosse stato un link assoluto potesse dare errore, in quanto lui cerca lo skin sempre in quella cartella.
Ora ho fatto la modifica, riscarica i sorgenti del IpodPlayer, dovrebbe funzionare!
saluti
ciao scusa se ti rompo ancora,,,ma ora lo skin va perfetto ma nn vanno gli mp3???
come mai???
nn so strano……graziieeeee millisssimo per la tua disponibilità…
@elektrojoke ciao controlla il file xml :) ce un doppio apice di troppo nella seconda canzone
title="Adriano Canzian""
saluti