iPodPlayer in Flash: Nuova versione

lunedì 24 settembre 2007 | Pubblicato da Julius | 109 COMMENTI

Ecco la nuova versione del progetto iPodPlayer Riproduttore Mp3

L’update più accattivante della nuova versione è la visualizzazione delle cover cd dei brani musicali, aggiornamento richiesto dalla maggior parte dei visitatori.

E’ ora possibile anche scaricare i file mp3 cliccando la cover, verrà scaricato il file compresso .Zip.

Inoltre è stata aggiunta la possibilità di gestire il suono tramite ghiera interattiva, ovveo con rotazione del tondino usando il mouse.

Inoltre ho pubblicato una pagina che conterrà tutte le FAQ per la gestione e pubblicazione dell’iPodPlayer

Vediamo le nuove opzioni:

Possibilità di impostare un titolo e colore all’iPodPlayer
Possibilità di inserire immagini delle cover cd 60×60
Possibilità di visualizzare l’ombra dell’iPodPlayer
Possibilità di inserire un colore di sfondo al menu circolare
Possibilità di gestire il volume con ghiera interattiva
Possibilità di scaricare i file .mp3 tramite la cover

Ricordo le opzioni standar:

Possibilità di impostare il titolo e percorso delle canzoni
Possibilità di impostare il colore dei pulsanti
Possibilità di impostare lo sfondo dell’iPodPlayer in formato jpg-png-swf
Possibilità di gestire il volume con la rotella del mouse (solo nella vecchia versione)

Andiamo a vedere la nuova configurazione che troviamo nel file XML:

<player urlskin="skin/nero.jpg" colorcircle="32363F" ipod_title="JuliusDesign" title_color="999999" ombra="si" buttoncolor="FFFFFF" autoStart="si" download="si">

urlskin: Percorso dell’immagine di sfondo dell’iPodPlayer
colorcircle: Colore sfondo menu circolare
ipod_title: Titolo dell’iPodPlayer
title_color: Colore dell’iPodPlayer
ombra: si/no abilitare o disabilitare l’ombra dell’iPodPlayer
buttncoloor: Colore dei pulsanti dell’iPodPlayer
autoStart: si/no abilitare o disabilitare il play automatico
download: si/no abilitare o disabilitare la possibilità di scaricare i file audio*

*Per far scaricare i file audio .mp3 nella cartella mp3/ devono essere presenti i file .zip nominati in questo modo

esempio:

song1.mp3 il file compresso dovrà essere nominato song1.mp3.zip

Per inserire le cover invece:

<song path="mp3/1.mp3" title="Madonna Hung Up" imgsong="cd_cover/img1.jpg" />

path ercorso del file mp3
title: Titolo e Autore della canzone
imgsong: Percorso delle immagini (non modificare la nomenclatura)

Scarica il sorgente
Guarda l’iPodPlayer

Articoli simili in Altro, Design, File, Flash, Free, Grafica, HTML, Immagini, Ipod, Mp3, Opensource, Sviluppo, Tools, XML

Autore: Giuliano Ambrosio

Giuliano Ambrosio è un Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web. Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.

109 Commenti

Pagine: « 1 2 [3] Mostra tutto

Julius

17 ottobre 2008

@bruna: ciao è un problema di percorsi devi usate il loadMovie con _lockroot

Rispondi - Quota
Dam

10 dicembre 2008

Ciao Julius,
ma quanto è bello l’ipod player!!! Complimenti ancora x l’idea e x aver condiviso questo fantastico progetto!
Ho rilevato durante il caricamento dell’ipod all’interno di un movieclip contenitore che lo scrolling dei titoli non funziona più correttamente mano a mano che si posiziona il movieclip contenitore a maggior distanza dall’angolo alto-sinistra dello stage.
La proprietà _lockroot, benchè indispensabile per la correzione dei percorsi, purtroppo non corregge questo problema.
Una soluzione a questo l’ho ottenuta modificando nel sorgente parte della linea 203
da
hitTest(_xmouse, _ymouse, true)
a
hitTest(_level0._xmouse, _level0._ymouse, true)

Una volta modificato e ri-pubblicato, il problema non mi si è più manifestato.
Merry X-mas & Happy New Year

Rispondi - Quota
Julius

10 dicembre 2008

@Dam: grazie per aver condiviso la soluzione al problema

Rispondi - Quota
DjRiKyX

24 dicembre 2008

Ciao Julius..

Sto modificando un po l’aspetto grafico, e vorrei sapere come posso eliminare la ghiera per il volume.

vorrei metterla in orizzontale come mediaplayer.. potresti dirmi come fare??

Grazie

Rispondi - Quota
Miky

7 marzo 2009

Ciao Julius, anche i miei complimenti per l’ipod. Volevo chiederti 3 cosine in merito: 1) è possibile abilitare la modalità random? 2) è possibile far caricare i file da cartella senza stare a scrivere la playlist e magari far leggere i tag del file mp3? 3) è possibile avere una versione dell’ipod senza la pagina html? tipo la modalità compatta di wmp o di winamp? Quest’ultima richiesta è per avere il player fuori dalla pagina web in modo da poter lasciare sempre la musica di sottofondo.
Grazie mitico!!
Miky

Rispondi - Quota
dani

20 aprile 2009

Miky ha scritto:

Ciao Julius, anche i miei complimenti per l’ipod. Volevo chiederti 3 cosine in merito: 1) è possibile abilitare la modalità random? 2) è possibile far caricare i file da cartella senza stare a scrivere la playlist e magari far leggere i tag del file mp3? 3) è possibile avere una versione dell’ipod senza la pagina html? tipo la modalità compatta di wmp o di winamp? Quest’ultima richiesta è per avere il player fuori dalla pagina web in modo da poter lasciare sempre la musica di sottofondo.
Grazie mitico!!
Miky

Rispondi - Quota
Massimo

9 luglio 2009

Ciao Julius. Avrei una richiesta: è possibile avere una versione del player che consenta il download del file MP3 invece che dello ZIP? Questo consentirebbe di risparmiare molto spazio sullo spazio web a chi come me si appoggia ad un web host gratuito.

Ciao e grazie,

Max

Rispondi - Quota
Fabio Lunisi

24 dicembre 2009

Buonasera!

Intanto complimenti per l’ottimo lavoro!
Poi mi chiedevo se è possibile in qualche modo ridimensionare il lettore mp3, perchè ad esempio per risoluzioni 1024×768 risulta un pò grande..

Ciao e ancora complimenti!

Rispondi - Quota
Giuseppe

1 giugno 2010

ciao e complimenti per il player mi piace moltissimo

il mio problema è che inserendo il codice mi viene restituito questo errore

SWFObject non è definito

questo è il mio codice

index

<!–

body {
margin: 0;
height: 100%;
width: 100%;
background-color: #ffffff;
}

–>

FP

var so = new SWFObject(“www.settenote.org/ipodplayer/ipodplayer_update.swf”, “mymovie”, “200″, “330″, “8″, “”);
so.addParam(“quality”, “best”);
so.addParam(“wmode”, “transparent”);
so.addParam(“salign”, “t”);
so.write(“flashcontent”);

Rispondi - Quota

Pagine: « 1 2 [3] Mostra tutto

Scrivi un Commento

tag abilitati: <code> </code> | <a href=""> </a> | <b> </b> | <i> </i>

Iscriviti ai Feed RSS dei commenti di questo articolo

Categorie

Archivio

Ultimi articoli in WebDesign

Creare una Presentazione Efficace per un Evento/Prodotto

Mi è capitatao di scrivere presentazioni di prodotti o di interventi in alcuni convegni ed è necessario sapere cosa scrivere, come sviluppare la discussione e come realizzare un concept originale per attirare il cliente o chi ascolta. A volte per via di cose siamo quasi costretti ad utilizzare i soliti sistemi come presentazioni in PDF, [...]
JD Pack Premium: Oltre 800 Mega di Risorse Grafiche

Era da molto tempo che volevo creare un contenitore di risorse per Web Designer organizzato e strutturato da condividere con gli altri. Nel pacchetto files troverete risorse esclusive realizzate dal sottoscritto, manuali, guide, tutorial, esperimenti e altri files gratuiti raccolti e catalogati durante la mia esperienza sul web. Vediamo insieme i contenuti e come ottenere [...]
Creare un eBook in formato ePub

Il formato ePub è uno standard aperto specifico per la pubblicazione di libri digitali basato su XML. Questo formato è studiato appositamente per adattare il testo alle dimensioni dello schermo e del carattere, ideale per la lettura di documenti su dispositivi mobili. Anche essendo giovane, il formato ePub è stato adottato dai maggiori lettori di [...]
Quando il Redesign Grafico aiuta la Comunicazione

PSDFan è uno spazio dedicato ai Fan di Photoshop, in cui è possibile trovare risorse grafiche di ogni tipo. Mi ha affascinato la rubrica 30 Minute Redesign, gestita da Tom Ross web designer da 8 anni, nella quale vengono candidati 4 siti web per il redesign, e la community bastarda, di solito sceglie sempre il [...]
Per un Web Designer è meglio Pc o Mac?

Prendo un Pc o un Mac? Questa è una delle domande che un grafico medio di solito si pone all’inizio della sua carriera personale. La leggenda vuole che il Web Designer Modello usi Mac e che tutti gli altri siano una fetecchia pura, ma perchè? Quando qualcuno vi parla di Mac narra sempre la debellazione [...]
Oltre 100 Guide Rapide per Web Designer e Developer

Sul web è possibile trovare delle guide rapide chiamate anche cheat sheet (fogli riassuntivi) nelle quali possiamo consultare informazioni utili focalizzate su determinati argomenti. I ragazzi di SpyreStudios hanno stilato una raccolta di oltre 100 guide che comprendono svariati argomenti utili per progettisti e sviluppatori di grafica, tra cui CSS, HTML, Javascript, PHP, MySQL, CMS, [...]