JD FLV Player + Playlist ovverto un player video .FLV in Flash progettato e strutturato prendendo spunto da altri player flv in circolazione, con lo scopo di renderlo il più completo possibile.

JD Player FLV + Playlist

Con questo player FLV è possibile inserire una playlist XML con i vari video FLV da mandare in play.

Andiamo a vedere insieme come configurare JD Player FLV

Con JD Player FLV è possibile far visualizzare solo 1 video alla volta oppure più video tramite una playlist esterna XML cosi strutturata:

<?xml version="1.0" encoding="UTF-8"?>
<playlist>
<item name="Rihanna - Dont Stop The Music" length="01:43" thumbnail="images/flv1_small.jpg" url="rihanna.flv" starttime="5"/>
<item name="Rhianna - Umbrella" length="04:11" thumbnail="images/flv2_small.jpg" url="rihanna2.flv" starttime="5"/>
</playlist>

  • name: Nome video FLV
  • lenght: Lunghezza video FLV
  • thumbnail: Percorso relativo (julius.jpg) o assoluto (http://dominio.com/julius.jpg) de
  • url: Percorso relativo (julius.flv) o assoluto (http://dominio.com/julius.flv) del file video .FLV
  • starttime: Tempo di buffering, dopo tot secondi di caricamento inizia il video

Possiamo inserire parametri anche tramite pubblicazione del player swf, ad esempio con modalita autoStart=false è possibile inserire un’anteprima del video tramite un’immagine jpg, png

jd_player.swf?flvPlay=myPlaylist.xml&barra=true&autoStart=false&startImage=images/flv1.jpg

oppure come parametri

so.addVariable("flvPlay", "myPlaylist.xml");
so.addVariable("autoStart", "true");
so.addVariable("barra", "true");
so.addVariable("defaultVolume", "80");
so.addVariable("startImage", "images/flv1.jpg");
so.addParam("allowFullScreen", "true");

  • flvPlay: Percorso del file video FLV oppure della playlist XML
  • barra: Abilitare o no la barra controllo invisibile
  • autoStart: Partenza abilitata o disabilitata true o false
  • startImage: Immagine di anteprima

Scarica il sorgente
Guarda il Tutorial

Author

Strategy Director @AQuest ~ Docente Master @NinjAcademy

96 Commenti

  1. sai dove posso trovare un player flv come quello di google, cioè con una dock 3d che sta all’interno del player???
    Non riesco a trovarla!!!!

    Ancora una cosa, come posso automatizzare il processo di conversione dei video da avi in flv ????
    Esistono dei cms per realizzare siti simili a youtube???

    Tutte le prime domande del 2008!!!
    Julius a te e ai tuoi colleghi l’augurio di un fortunatissimo 2008!!!

  2. Maurizio

    Prima di tutto buon anno!

    Non so se è solo un problema mio ma nella demo non si vedono i filmati…
    ho provato anche a scaricare il pacchetto e visualizzare due filmati miei modificando la playlist ma non si vedono, e non si vedono neanche i tastini play/pause, playlist e JD…
    Colpa mia? :(

  3. Per Maurizio.
    I video si vedono online, anche io ho provato ed in locale non va ma in rete funziona da Dio… Molto bello è utile questo tutorial.

    Volevo chiedere a Julius se la playlist è costituita da movieclip che indicano i video da caricare di volta in volta e se viene utilizzata l’azione duplicateMovieClip per rappresentare nuovi video.

    Inoltre, ho provato a caricare il file swf all’interno di una pagina web senza il file js ma non funge. E’ possibile caricare il swf senza js?
    Perche’ a me servirebbe all’interno di un altro file swf caricato tramite loadMovie…

    Grazie Julius sei un grande…
    ps. Ma tu e Marta state insieme???!!!

  4. Maurizio

    Per Elio:
    boh io continuo a non vederli i video online… e avevo provato a testare il pacchetto scaricato anche mettendolo online… sono il solito fortunato :(

  5. Nemmeno io qui vedo on line l’esempio..vedo solo la barra…ma non i video..e dopo un pochino..mi si blocca la pagina…

  6. A me funziona correttamente,
    ho messo anche una versione online con più anteprime ma per velocità ho usato sempre lo stesso video…

    In effetti ho notato che per caricare i video di julius ci mette un po’ di tempo ma se provate a caricare dal terzo video in poi (che poi è sempre lo stesso…) vedrete che non ci sono problemi…

    Questo è il link, fatemi sapere

    http://www.autogaranzie.com/duck/

  7. Ah, metto il link completo nel caso qualcuno non riesca a visualizzarlo correttamente:

    http://www.autogaranzie.com/duck/index.htm

    io l’ho testato sia con ie sia con firefox e va tutto bene…

    l’unico limite che ho riscontrato in questo tutorial è la scarsa integrabilità in altri flash, e quindi in un progetto più ampio; il flash viene caricato ed interagisce con un file .js, pertanto deve sempre stare nella sua bella paginetta html da solo…

    Si potrebbe pensare ad un caricamento senza js ma questa riflessione va girata a colui che ha realizzato il progetto…

    ciao a tutti…

  8. niente…almeno io non la vedo…continuo a veder solo la barra con il rischio di “blocco” pagina …

  9. Mah… molto strano!
    una domanda: ma avete il plugin flash aggiornato all’utima versione?

  10. ora si …vedo i video…. forse bisogna aspettare per il loading… dei file …dato che son molti….

  11. io..purtroppo niente ancora..la solita barra..ma pur aspettando non si vede alcun video…. :-(((((((((((((((((((((((((((((((((((((((((((((((((((((((

  12. ciao julius!|
    a me non funziona….
    elio non riesco a visualizzare le tue prove…..
    vedo solo la barra e basta….
    ho l’ulitmo flash appena scaricato….

  13. ma un player come quello che utilizza google per youtube con il dock non si trova da nessuna parte…. neanche a pagamento?
    ciao e grazie!
    mitico julius!

  14. Ciao si in effetti ho notato un bug :(

    Il problema si verifica utlizzando browser tipo explorer..

    Con Firefox non dovreste avere problemi, ancora non mi spiego l’errore dove sia, ma indago :P

    un saluto

  15. elio… ad esempio?
    julius ti confermo che purtroppo non funziona neanche su safari…..

  16. Stavo pensando di utilizzare questo player ma anche di cataloghizzare i vari filmati, come si potrebbe fare??’
    Mi spiego meglio:

    Cartoon:
    la bella e la bestia
    pinocchio
    topolino

    Comico:
    ali G
    mister bean

    Horror:
    …..
    …….

    Come realizzare una cosa del genere???

  17. Salve a tutti, io sto provando in locale questo player ma non riesco a farlo funzionare. Ho cambiato i collegamenti nell’xml con 2 miei video ma mi dice sempre che “Attenzione file:Undefined non trovato”.

    Nel codive del fla non sono riuscito a trovare il collegamento del myplaylist.xml.

    Forse è per questo che non mi carica nulla? A me servirebbe quest’ottimo player da integrare in un progetto per un dvd-rom interattivo e non per il web. Rimango in attesa di un aiuto. Grazie

  18. Mi rispondo da solo, il player funziona se lanci la pagina html, le indicazioni per l’swf per dove cercare l’xml sono inserite lì dentro. Altra domanda, che codice devo scrivere nel fla per usare il player senza la pagina html???

    Devo far partire questo strepitoso player dentro un progetto che esclude ogni Browser… Grazie.

  19. @Simone ciao

    Per usare il player senza pagina html, una volta impostato il file xml ti basta andare a cercare le variabili che vengono richiamate dalla pagina html e assegnargli il valore dal progetto fla.

  20. Lo so chiedo troppo, puoi fare un esempio… se hai tempo? Sono abile a fare bordello nel codice, ma non a far quadrare il tutto.
    Sono proprio un rompiscatole

  21. YESSSSSSSSSSSSSSSSSSSSSSSSSSS!!!!!
    Ci sono riuscito… immagino che per molti del blog l’operazione descritta da julius sia come bere un bicchiere d’acqua, ma vi assicuro che per uno come me, che non mastica niente di script è stata dura…
    Ecco la soluzione per i “non esperti”… molto “non esperti” :)
    Aprite il fla jd_player.
    andate nel secondo keyframe delle Action e
    prima della “prima” riga di codice, ovvero
    function scaleGui() {

    inserite:

    var flvPlay = (“myPlaylist.xml”);
    var showScaleModes = false;
    var barra = true;
    var autoStart = true;
    var defaultVolume = 80;
    var allowFullScreen = true;

    Sono gli stessi valori che potete trovare nella pagina html che carica l’swf.
    Chiedo scusa a tutti coloro che Flash lo usano perfettamente ma spero che questo commento possa servire ad altri “Inesperti” come me.
    Ciao e grazie

  22. ciao julius io volevo chiderti se e possibile implementarlo in un altro flash..ho provato ma nn va..il swf va a scatti e a sfarfallio spero di essere abbastanza chiaro nel spiegare il problema ciao

  23. se inserisco questo:
    var flvPlay = (”myPlaylist.xml”);
    var showScaleModes = false;
    var barra = true;
    var autoStart = true;
    var defaultVolume = 80;
    var allowFullScreen = true;
    prima di function scaleGui() {
    non mi funziona più il player…
    poi mi da uno strano problema, tra un video ed un altro mi mangia sempre qlc secondo, si sente solo l’audio ma non va il video…
    per il resto è fantastico questo player

  24. Pingback: AlterVista Forum

  25. Gianluca

    Ciao, ancora complimenti per i tuoi lavori e sopra tutto perchè li rendi disponibili alla comunità. Volevo sapere se questo player puo’ essere integrato in un altro swf tramite il loadmovie

  26. ho provato il player e va benissimo! Ottimo j
    qui per chiederti come fare ad evidenziare meglio il link della playlist o rendere la stessa visibile almeno al caricamento del player… alcuni utenti mi chiedono “dove sono i filmati..??”

    grazie

  27. Potresti lavorare sul pulsnte playlist rendendolo di un colore che attiri l’attenzione, magari facendolo lampeggiare in modo attenuato…

  28. è possibile dirgli che filmato aprire passando il percorso nella barra degli indirizzi?

  29. @Max si ma devi rendere una variabile dinamica il parametro video solo cosi riuscirai a passarlo da link

    @mack nel progetto fla trovi il clip che contiene la palylist basta cambiare il font da li…

  30. Ciao Julius ti ringrazio della risposta.
    Ho cambiato il font esattamente agli elementi sprite 54 e sprite 55
    ma il risultato non cambia, nè nell’anteprima nè sul web.
    Alla playlist riesco solo a cambiargli il colore dello sfondo e delle frecce.
    Ma non riesco a cambiare i font.

    Avresti tempo per spiegarmelo piu’ dettagliatamente?

  31. Ciao Julius,
    ormai sono una assidua frequentatrice del tuo sito e quindi una tua grande fan!
    Vorrei sapere quale parte delle script devo modificare per rendere visibile la playlist direttamente in un punto della pagina, senza dover clikkare (ops, forse mi è venuta un’idea!) sul pulsante. Io intanto provo…

  32. visualizza il nome istanza del clip playlist…

    dopo aver fatto questo controlla che non ci siano codici che impostino delle precise coordinate cercando nel codice il nome del clip

    A questo punto imposta tu le coordinate desiderate al clip

    mioclip_y=90;
    mioclip_x=230;

  33. Cristiano

    Ciao Julius e complimenti per l’ottimo lavoro svolto.
    Desidero sapere come posso usare questo player all’interno di un sito sviluppato interamente in flash. In pratica il sito sul quale sto lavorando prevede un’area che dovrà mostrare dei video flv definiti in una playlist; questi video dovrebbero partire in automatico (autoplay) e senza visualizzare alcun pulsante di controllo. Il risultato finale dovrebbe essere qualcosa di simile a questo: http://www.voom.com

    Ringraziandoti anticipatamente per il tempo che potrai dedicarmi, ti auguro un buon proseguimento di giornata

  34. @Max ciao ecco come fare:

    Nel codice di pubblicazione passi una variabile

    so.addVariable("flvPlay", "video/julius.flv");

    con PHP potresti fare in modo che quella variabile sia passata attraverso la barra di indirizzi

    < ?php
    $url_video = $_GET["url_video"];
    echo"so.addVariable('flvPlay', $url_video);";
    ?>

    $url_video = $_GET["url_video"];

    Richiamo una variabile url_video esempio http://www.sito.it/pagina.php?url_video=julius.flv

    echo"so.addVariable('flvPlay', $url_video);

    Stampo nella pagina la striga aggiungendo il parametro passato tramite php nella variabile da passare a flash

  35. ciao julius!
    è possibile rendere l’autostart che carichi i video random?

    per cambiare l’aspect ratio del video dove devo guardare?

    grazie!

  36. Ora come ora non è possibile, si dovrebbe cambiare un po di codice rendendo dinamica una variabile associata al video in questo modo si potrebbe randomizzare il tutto…

  37. infatti stavo cercando di creare un array e una funzione di riproduzione casuale pero’ volevo mantenere la playlist in modo che se uno ci clicca sopra riproduce il video interessato… ma è un bel casino!!!!

Commenti