JD FLV Player + Playlist

2 01 2008

JD Player FLV + 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


    Azioni

    Informazione

    31 risposte

    2 01 2008
    gepigym

    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 01 2008
    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? :(

    2 01 2008
    elio

    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???!!!

    2 01 2008
    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 :(

    2 01 2008
    Romy

    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…

    3 01 2008
    Chicco

    … idem come Maurizio e Romy :-(

    3 01 2008
    biagio

    Caro amico….
    Buon anno .
    Ciao Big.

    3 01 2008
    elio

    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/

    3 01 2008
    elio

    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…

    3 01 2008
    Romy

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

    3 01 2008
    elio

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

    3 01 2008
    elio

    ops
    ultima… :-)

    3 01 2008
    marko

    io non vedo il video….si sente l’audio pero’ non vedo nulla……

    3 01 2008
    marko

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

    3 01 2008
    Romy

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

    3 01 2008
    stefano

    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….

    3 01 2008
    stefano

    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!

    3 01 2008
    elio

    per stefano,
    a pagamento si trova di tutto… “purtroppo” :(

    3 01 2008
    Julius

    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

    3 01 2008
    stefano

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

    4 01 2008
    annarita

    Ciao, Julius:). Buon inizio di 2008! Utile questo tutorial. Lo aggrego nel mio del.icio.us.

    A presto!

    5 01 2008
    gepigym

    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???

    14 01 2008
    Simone

    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

    16 01 2008
    Simone

    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.

    16 01 2008
    Julius

    @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.

    16 01 2008
    Simone

    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

    16 01 2008
    Simone

    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

    16 01 2008
    Julius

    @Simone ;)

    17 01 2008
    creazionimayaweb

    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

    31 01 2008
    Federico

    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

    4 02 2008
    AlterVista Forum

    [...] segnalo questo ,nella pagina Tutorial ce ne sono [...]

    Lascia un commento

    Occorre aver fatto il login per inviare un commento