Inserire iPodPlayer in una pagina
Dobbiamo sempre richiamiare il file JavaScript per evitare il blocco dei contenuti
<script type="text/javascript" src="flashobject.js"></script>
flashobject.js percorso del file JS, inseriamo il percorso in cui risiede il vostro file JavaScritp
esempio: relativo (ipodplayer/js/flashobject.js) o assoluto (http://miosito.it/ipodplayer/js/flashobject.js)
Inseriamo questo codice in cui vogliamo che l'iPodPlayer sia visibile
Prima di tutto carichiamo i file necessari iPodPlayer.swf - IpodPlayerFlash.xml - la cartella skin - le canzoni - le cover (solo per la nuova versione)
Indicare iPodPlayer.swf se risiede nella stessa directory altrimenti utilizzare un indirizzo assoluto esempio: http://miosito.it/iPodPlayer.swf
<div id="flashcontent">
Frase sostitutiva al filmato flash qualora non abbia installato FlashPlayer
</div>
<script type="text/javascript">
var so = new SWFObject("iPodPlayer.swf", "mymovie", "200", "330", "8", "");
so.addParam("quality", "best");
so.addParam("wmode", "transparent");
so.addParam("salign", "t");
so.write("flashcontent");
</script>
Inserire le canzoni nell'iPodPlayer
Le canzoni vengono gestite tramite il file XML IpodPlayerFlash.xml, dopo le linee di codice di configurazione troverete i codici per inserire le cazoni
<song path="mp3/1.mp3" title="Madonna Hung Up" imgsong="cd_cover/img1.jpg" />
<song path="mp3/2.mp3" title="Rihanna Umbrella" imgsong="cd_cover/img2.jpg"/>
<song path="mp3/3.mp3" title="Robbie Williams She's Madonna" imgsong="cd_cover/img3.jpg"/>
<song path="mp3/4.mp3" title="Paris Hilton Nothing In This World" imgsong="cd_cover/img4.jpg" />
<song path="mp3/5.mp3" title="Nelly Furtado All Good Things" imgsong="cd_cover/img5.jpg"/>
Configurazione file XML iPodPlayer nuova versione
Ecco la configurazione che torvate nel file IpodPlayerFlash.xml per la nuova versione dell'iPodPlayer
<player urlskin="skin/nero.jpg" colorcircle="32363F" ipod_title="JuliusDesign" title_color="999999" ombra="si" buttoncolor="FFFFFF" autoStart="si" download="si">
*Per far scaricare i file audio .mp3 nella cartella mp3/ devono essere presenti i file .zip nominati in questo modo
esempio: pippo.mp3 il file compresso dovrà essere nominato pippo.mp3.zip
Inserire playlist differenti su più iPodPlayer
E' possibile utilizzare lo stesso iPodPlayer flash indicando la playlist differente per ognuno.
Vediamo un esempio di una pagina con 2 iPodPlayer con 2 differenti playlist XML (IpodPlayerFlash.xml e IpodPlayerFlash_2.xml )
NB: il passaggio della playlist viene indicata qualora il file XML non risiede nella stessa cartella del player
Primo Player:
<div id="flashcontent">
Frase sostitutiva al filmato flash qualora non abbia installato FlashPlayer
</div>
<script type="text/javascript">
var so = new SWFObject("iPodPlayer.swf?playlist=IpodPlayerFlash.xml", "mymovie", "200", "330", "8", "");
so.addParam("quality", "best");
so.addParam("wmode", "transparent");
so.addParam("salign", "t");
so.write("flashcontent");
</script>
Secondo Player:
<div id="flashcontent2">
Frase sostitutiva al filmato flash qualora non abbia installato FlashPlayer
</div>
<script type="text/javascript">
var so2 = new SWFObject("iPodPlayer.swf?playlist=IpodPlayerFlash_2.xml", "mymovie", "200", "330", "8", "");
so2.addParam("quality", "best");
so2.addParam("wmode", "transparent");
so2.addParam("salign", "t");
so2.write("flashcontent2");
</script>
Possiamo notare che il file swf è sempre lo stesso ma viene cambiato il link alla playlist XML, la variabile so (so >> so2) e il div (flashcontent >> flashcontent2) in cui scrivere lo script.