1) Versione blu
Pulsanti scuri illuminati di blu. Adatto a background scuro.Tutto il resto è configurabile.
2) Versione verde
Pulsanti scuri illuminati di verde. Adatto a background scuro.Tutto il resto è configurabile.
3) Versione rossa
Pulsanti chiari illuminati di rosso. Adatto a background chiaro.Tutto il resto è configurabile.
4) Prova
5) Configurazione
Nel pacchetto ci sono i due file di configurazione, songs.xml e colors.xml.Songs.xml
Con il file songs.xml potete caricare i file mp3. All'interno del nodo principale <songs> dovete inserire in sequenza una serie di tag <song> composti dai seguenti attributi:
artist - per inserire il nome dell'artista
title - per il nome della canzone
url - per specificare il percorso e il nome del file mp3
title - per il nome della canzone
url - per specificare il percorso e il nome del file mp3
Colors.xmlCon il file colors.xml potete configurare i colori del testo presente nel player. All'interno del nodo principale <colors> è presente un unico tag <color> che contiene i seguenti attributi:
mplayer - per il colore dell'intestazione Music Player
ledoff - per il colore del led spento
ledon - per il colore del led acceso
ledpause - per il colore del led in pausa
borderline - per il colore del bordo
speakeron - per il colore del piccolo speaker acceso
speakeroff - per il colore del piccolo speaker spento
title - per il colore del titolo della canzone
artist - per il colore del nome dell'artista
txtcounter - per il colore della descrizione dei contatori
counter - per il colore dei contatori
loading - per il colore della percentuale di caricamento
ledoff - per il colore del led spento
ledon - per il colore del led acceso
ledpause - per il colore del led in pausa
borderline - per il colore del bordo
speakeron - per il colore del piccolo speaker acceso
speakeroff - per il colore del piccolo speaker spento
title - per il colore del titolo della canzone
artist - per il colore del nome dell'artista
txtcounter - per il colore della descrizione dei contatori
counter - per il colore dei contatori
loading - per il colore della percentuale di caricamento
N.B.I colori vanno inseriti in formato esadecimale (FFFFFF) senza il carattere cancelletto (#) all'inizio.
6) Inserimento
Per inserire il codice nella pagina html ci sono due metodi.SWFObject 2.2 (aggiornato)
Il mio consiglio è quello di usare la libreria SWFObjct che potete scaricare da qui.
Vediamo come va usata. Per prima cosa create un tag <DIV> identificato attraverso l'attributo ID="flashcontent" nel punto dove volete inserire il player. Inserite all'interno di questo tag il testo alternativo che verrà visualizzato nel caso il browser non avesse installato il plugin per Flash.
Caricate all'interno del tag <HEAD> il javascript swfobject.js contenente la libreria e subito dopo il codice per configurare e avviare il player:
N.B.
Se volete che il player abbia il background trasparente utilizzate il parametro params.wmode = "transparent" altrimenti il background sarà di colore nero o bianco.
Inserendo l'attributo attributes.styleclass è possibile impostare una classe CSS per ottimizzare il posizionamento.
Per maggiori chiarimenti vi rimando alla documentazione della libreria.
Embed
Se ci fossero problemi con il metodo sopra descritto è possibile utilizzare il metodo classico, inserendo questo codice nel punto dove volete visualizzare il player:
Vi ricordo di inserire anche qui il parametro wmode con il valore transparent per il background trasparente.
E' tutto. Per qualsiasi problema o per versioni con diversa illuminazione dei pulsanti non esitate a contattarmi.