iTunes Menu in Flash

- Letture: 7.209

La mia ricerca di applicazioni flash non si ferma mai, ed ecco una simulazione del menu stile iTunes in flash.

Il risultato è molto soddisfacente, ho modificato un pò il codice e più avanti implementerò altre opzioni.

Itunes Menu in Flash

Le cover vengono prese da una cartella esterna tramite un file XML, ridimensionate e posizionate nel menu iTunes.

Andiamo a vedere insieme il codice XML

<albuminfo>
<artLocation>cover/3.jpg</artLocation>
<trackName>Robbie William</trackName>
<artist>Intensive Care</artist>
</albuminfo>

  • artLocation: Percorso della cover
  • trackName: Titolo album
  • artis: Nome dell’autore

iTunes menu è disponibile solo per la versione 8 di Flash

Scarica il sorgente
Guarda il Tutorial

Implementazioni aggiuntive

  • Guarda il Tutorial iTunes Menu con link dinamici
    (Nel file .ZIP troverete la versione con i link dinamici)

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.

242 Commenti

  1. Great!Nice done!…
    For HTML or ctrl+enter in flash its Work! but for standalone swf its doenst wok, the solution is the actionscripts line 356 “./” be come “”

  2. Grande Julius… è bellissmo… solo un particolare…
    ho ridotto la dimensione del flash a 300… da 450 che era… ma la sfumatura delle copertine in basso come si riduce?

    grazie.

  3. Devi modificare la maschera all’interno del progetto, che viene utilizatta per visualizzare anche i vari riflessi…

  4. Ciao Julius

    ho caricato il menu di itunes, ma non funziona il passaggio all’url indicato nel file xml. Ho scaricato anche la nuova release come indicato nel forum, ma non è cambiato nulla. Dove sto sbagliando?

    grazie, Italo

  5. controlla che il file XML abbia il parametro per inserire i link…

    Se vuoi inserisci un link alla pagina con il tuo iTunes che lo guardo

  6. Scusa ho sbagliato a inserire il commento! Avevo compiato un pezzo del file xml! Comunque il riferimento all’url c’è.

  7. ciao julius!
    hoprovato a scrivere lettere accentuate nell’xml ma non me le visualizza…ho provato anche ad incorporarle all’interno del testo dinamico… ma se scrivo ad esempio felicità mi viene fuori felicit… hai una soluzione?

    grazie e spero a presto

    diego

  8. Qualcuno è riuscito a risolvere del problema dell’eccessivo uso della cpu con questo menu?

    A me in realtà succede solo quando lo carico come swf esterno su un livello.

    HELP

  9. ciao! problema risolto riguardo a caratteri speciali..
    art:cNode[0].childNodes, info:cNode[1].childNodes, auth:cNode[2].childNodes, url:unescape(cNode[3].childNodes), loaded:false

    anchio ho il problema cpu…non ne vengo a capo

    spero nell’aiuto del buon JULIUS!

  10. Ciao Julius è da un po’ di giorni che cerco di installare il tuo player (la seconda versione) e installando anche la versione di n99creations mi sono accorto che il file swf presente nel file zip non funziona mentre prendendo direttamente quello sul tuo si! Comunque la domanda è: come posso utilizzare la possibilità di saltare a un determinato url per avere un player musicale? Al momento posso lanciare una canzone però mi si apre una nuova finestra e così ancora nella nuova finetra aperta. Mi rendo conto che mi sono espresso male (sono un dummy), quindi non mi aspetto grandi rivelazioni. in ogni caso ti ringrazio per il tuo software. grazie Italo

  11. DanFlash

    niente da fare, cliccando sul tastino sotto l’immagine non parte le connessione all’url nonostante siano dichiarati nel file xml…

  12. Se ti prendi il file .swf che usa Julius funziona eccome! E’ quello presente nello zip che non va. La questione però è: come faccio solo con una connessione a un url a far diventare il tutto un player musicale? grazie Italo

  13. Marcello

    Ciao a tutti,
    anche io sto rubacchiando qui e là per costruire un progettino personale. E ancora bravo a Julius che condivide con noi le sue doti. Avevo però un problema e volevo sottoporlo al nostro grande ispiratore: ho messo il tuo menu al fotogramma tre della mia animazione, un sitema in flash per presentare contenuti didattici utilizzati della mia dolce metà. Mi piacerebbe andare al fotogramma 4, dove ho posizionato un visore FLV, senza che il menu mi resti frai i piedi: come faccio a scaricarlo? non sono affatto un drago in AS e non riesco a capire quale degli elementi del codice che crea ilmenu si possa simpaticamente unLodare…

    un aiutino?

    ancora grazie,
    Marcello

  14. Marcello

    Ciao Julius,
    grazie per avermi risposto. Il menu l’ho messo tale e quale in una sequenza più lunga al fotogramma tre. Ho provato a utilizzarlo richiamandolo come mc esterno ma, come dicevo, sono solo agli inizi e quindi mi incasino un po’… Faccio tutto in locale, non sto facendo un sito, ma solo un affare che faccia navigare la mia bella tra i suoi documenti multimediali. Allora, dopo aver scelto il documento che appare sul menu, mi sarebbe piaciuto andare al fotogramma successivo dove un FLVPlayback utilizzasse l’indirizo del flv che ho prontamente agiunto allo stesso xml . In linea di massim funziona, ma il menu mi resta sullo stage… come lo caccio via? Non sono riuscito a trovare uno ‘scroller’ o altra istanza da far sparire…

    grazie,
    marcello

  15. @nemo certo che si :)

    @Marcello forse hai caricato la galleria su livvelo 1 con loadNum, cosi facendo rimarrà per tuutta la durata della timeline.

    Prova a caricarlo con

    esempio sul primo frame
    loadMovie("iTunes.swf",_root.box);

    _root.box è un clip filmato di nome istana box sullo stage

    solo in quel fotogramma, poinel fotogramma 4 metti solo l’FLVplayer

  16. Marcello

    Ciao Julius,
    ho provato varie volte a caricare il menu sulla mia animazione come swf esterno, nel modo in cui mi hai consigliato tu. E’ troppo pesante e la mia cpu (lavoro su un MacBook penultima generazione), arranca. Ho notato che se invece copio tutte le istanze del menu, script compreso, direttamente sul fotogramma tre della mia animazione, non ho questo problema. Allora mi chiedevo come potevo passare al quarto frame senza che il menu continui a seguirmi…

    grazie ancora,
    m.

  17. @Marcello prova a creare altri frame in cui il menu iTunes non è presente, in questo modo non comparirà…però dovrai fare un paio di prove…

    @Nemo certo che si.

    Devi ricordare che noi passiamo un parametro, in questo caso un link, ma può essere anche un numero…

    Se fosse un numero potresti variabilizzare la condizione gotoAndStop(_root.num);

    dove _root.num è il parametro passato da XML

  18. Grazie julius sei sempre gentile mi sono avvicinato da poco a flash e sto cercando di capire un po grazie tante!!!
    ora vado a sbatterci un po la testa :)

  19. Ciao Julius io ho sbattuto un po la testa ma mi sa che mi sono fatto un po male
    non riesco a capire come devo settare i parametri nell’ xml e nel fla per ottenere quello che mi hai detto prima.
    scusami ma sono un po alle prime armi

  20. Master Julius, why loading with HTML takes time too long?. I didn’t put a lot of image file and using load movie. Thanks

  21. @gia

    Hello it is a problem that I have not resolved

    This project demands much CPU, but I have found other versions that I will publish as soon as possible

    bye bye

    Traslate :)

    Ciao è un problema che non ho risolto ancora

    Questo progetto richiede molta CPU, ma ho trovato altre versioni che pubblicherò appena possibile

    saluti

  22. ciao! Complimenti!
    volevo sapere se poi hai fatto lavorare itunes sui video!
    sai che il file con il link non mi funziona…apre solo madonna!

  23. messere75

    ciao Julius
    premettendo che ho Flash 8 Pro non riesco a spiegarmi perche i file swf che ho trovato nel file zippato (itunes_menu.swf e itunes_menu_con_link.swf) hanno una dimensione misera (7 kb) mentre se ricompilo i file fla mi vengono di 80Kb.

    Oltre che un genio sei anche un mago? :-)

    Ciao e grazie?

  24. @silvia ciao,

    ancora no…

    Cos’è che non ti funziona?

    @messere75

    hehe in effeti hai ragione…

    Non sono un mago e non capisco il motivo di queste dimensioni o.O

  25. messere75

    Domandona…
    come faccio a modificare lo stage del tuo filmato in modo da farlo diventare di 1000 px?

    ho provato con la soluzione che hai suggerito a FRDESIGN ma le immagini vanno in dissolvenza e scompaiono

    Grazie

  26. messere75

    Una domanda…
    da questo script mi estrapoleresti la funzione per creare un’immagine riflessa di un MC?
    Mi servirebbe per creare un menu che scorre ma senza distorzioni…
    Grazie.

  27. Ciao Julius, avrei una richiesta se è possibile rigurdante questa fantastica gallery !!!

    E possibile avere il primo script che hai fatto (e cioè quello con artista e titolo sopra la cover) con la possibilità di acccedere ad un link esterno con i vari target cliccando sull immagine della cover ?

    per il momento grazie !

    Paolo

  28. @PAOLO nel file source .ZIP da scaricare trovi le due versioni

    @messere75 vedo cosa posso fare, comunque se ci pensi non è difficile, è un clip duplicato allo specchio con una maschera sfumata…

    saluti

  29. messere75

    :-) ops… Hai ragione…
    erano quasi le tre del mattino quando ti ho fatto la domanda… il cervello forse mi era andato in Loop…
    Ciao e grazie Julius

  30. Ciao,
    scusatemi tutti ma, una volta insertia questa galleria on-line… non mi funziona… cosa devo modificare per una corretta messa on-line?

    Grazie mille
    Dario

    e… tantissimi complimenti per il fantastico lavoro!

  31. Mi spiego meglio… non riesco a farlo funzionare con percorsi del tipo: http://www. ECCCC…

    Inserisco il percorso sia nel file .htm che nel file .xlm (le foto sono in una cartella che non si chiama cover).. eppure non funziona..

    Bho!

  32. Ciao a Tutti … ciao julius !!!

    Qualcuno sa dirmi se è possibile nell xml indicare anche il target di destinazione del link ?

    Grazie ! :)

    Paolo

  33. ciao, inanzitutto complimenti per l’ ottimo script, avrei però una questione: come potrei fare per far partire un suono cliccando sul play, quindi a seconda della copertina cliccando su play parte in streming un brano piuttosto che un altro. L’ ideale sarebbe magari con dei loadMovieNum dove cliccando su play invece di avere un url esterno mi apre nel documento del cover flow un pannello con il suono.Mi puoi aiutare? Grazie mille………ciao

  34. Ciao Julius,
    apparte il fatto che appoggio in pieno il tuo operato su questo sito, del quale diverrò ASSIDUO frequentatore e se posso ti aiuterò in qualche consiglio visto che mi diletto anche io con flash.
    Comunque la mia domanda è questa:
    – ho inserito nel mio sito in flash la iTunesGallery…attenzione pero che non ho importato l’swf ma bensi ho ricreato i vari oggetti in un movieclip.
    Leggendo attentamente il codice ho dovuto cambiare non pochi dati per centrare il menu e posizionarlo dove volevo io…ora ho solo un problema…siccome lo stage dedicato al menu non è molto largo ho le copertine che mi vanno a coprire del testo a desta e sinistra…come posso fare per ridurre la vista del menu lateralmente???
    ho provato con una maschera ma nn va, sicuramente c’è qualche parametro da impostare con cura ma non riesco a capire qua.
    Grazie mille cmq
    ciaociao

  35. Julius grazie per la tua generosità. Tanti ragazzi non sono e probabilmente non saranno mai al tuo livello, per questo ti ringrazio anche se scopri che stò per farti delle domande sciocche. Io lavoro benissimo con swish. Riesco a fare tutto quello che gli altri fanno con flash ma purtroppo quando sconfino dentro il mondo flash il cervello mi va in tilt. Mi piace tantissimo i tunes in flash e il mio desiderio sarebbe quello di inserirlo in uno dei miei filmati swf (creati con swish). Per richiamare un file esterno con swish bisogna creare una sprite (un contenitore) e usare il comando “loadmovie”. La mia domanda è questa: come posso vedere itunes creato da te in un mio filmato swf?
    Ti faccio un esempio: vorrei creare un file swf con sfondo nero e con un bel menu. Cliccando la voce del menu “galleria” vorrei si aprisse nello stesso filamto (non in una nuova pagina) il tuo itunes. Per farti capire meglio: ho provato ad aprire il file “itunes_menu_con_link.swf” ma non si apre, si apre soltanto se apro la pagina html “itunes_menu_con_link.htm”. A questo punto non so come fare, puoi aiutarmi a darmi qualche idea?
    Grazie ancora.
    PS: io sono un nutrizionista, se poso ricambiare in qualche modo sarò ben lieto!

  36. Julius ti lascio un ulteriore informazione. Ho provato a richiamare il tuo itunes da un mio filmato swf fatto con swish e questo è quello he succede: la barra di scorrimento è centrata perfettamente mentre le fotografie sono spostate verso destra e quella centrale sfuma piano piano fino a diventare trasparente. Questo succede se il mio filmato swf (fatto con swish) è più grande di 500 x 450 pixels (queste sono le dimensioni del tuo itunes). Se io però creo un filmato con swish di 500×450 pixels allora itunes viene centrato esattamente con l’unica imperfezione nella visione delle foto che sembrano tagliate a metà.
    La prova è qui: http://www.olisticnaturcenter.net/prova
    Come si fà per adattare questa tua creazione alle diverse esigenze di dimensioni di un sito?
    Sarebbe un sogno poter creare una situazione tipo questa qui: http://www.andreabocelli.us (entrare nella sezione discografia). Julius… in tutta sincerità questa cosa per me rimarrà solo un sogno oppure o speranza di poterla un giorno realizzare?????
    Grazie ancora
    Anselmo

  37. ciao,innanzi tutto complimenti x tutto quello che fai..per noi..cmq ho 2 domande da porti e mi sarebbe utile ricevere una tua risposta
    1) devo realizzare un sito ,solo che lo sto realizzando con dreamweaver…
    come faccio a inserirlo e cosa devo inserire..(il tipo di file)
    2) come faccio a ambiare lo sfondo, cioè mi spiego meglio quando do la sfumatura(siccome lo sfondo del sito è bianco)come faccio a inserire il colore??
    ciao grazie anticipatamente buona giornata

  38. C’é qualcuno che mi potrebbe indicare come inserire l’iTunes Album Art in iWeb?
    Fin ora non ci sono riuscito. Mi giunge un messaggio di errore: unable to load xml data.

  39. volare2000

    Salve,ma se invece di 5 foto se ne volessero agguingere di +?
    Non si puo fare?
    Grazie!!

  40. Pingback: Nathan Stockton: CoverFlow « JuliusDesign

  41. Ciao Julius… ora comincio a stressare anche qui :-)

    Ho provato a insirire questo menu iTunes sul mio myspace, funziona tutto PERO’ NON VISUALIZZA LE IMMAGINI….

    Tutta la cartella riside sul mio hosting QUI e funzionano anche le immagini.

    Ho provato a cambiare i link alle imagini in tutti i modi: http www ../ / e a mettere le immagini in root… ma nada!

    IL CODICE (che ho inserito in MySpace è il seguente)

    Qualcuno sa dirmi dove sbaglio?
    Ciao!

Commenti