JD FLV Player + Playlist

- Letture: 4.496

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

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.

96 Commenti

  1. No, it´s the exact same player, exact same code with some changed graphics and the credits removed… Ie. L A M E.

  2. Antonio Carluccio

    Salve.
    ho riscontratto un problema con il player flv.
    o meglio, qualcosa di cui non riesco a darmi pace, perchè di fatto il player va bene.
    avevo caricato nella mylist.xml degli url che mi catturavano video da youtube e tutto funzionava.
    da qualche giorno i video esterni non si vedono più, anche se su youtube restano sempre nella stessa posizione da come gli avevo trovati.
    vero è che, invece, i miei due file flv allocati sul mio server: si vedono!)

    questa è uno dei tag della mia list che carica un video che si chiama urban color:

    bene, lo stesso video prima me lo caricava, adeso ciao.

    se puoi darmi un suggerimento, ti sarò grato.
    Antonio

  3. Ciao Julius, ottimo il player ma ho due problemi:1) in locale sento solo l’audio ma non vedo il video e 2) come faccio ad inserire due player nella stessa pagina? Ho provato ma non ci riesco :-(

    Grazie infinte!

  4. Ciao

    Il problema lo hai solo con uno specifico video?

    Per inserire due player basta che modifichi il file xml da leggere cosi da poter utilizzare sempre lo stesso ma cambiando il percorso del fil xml

  5. ciao julius ho 8 video flv da riprodurre in sequenza grazie ad una playlist, ho un lettore che richiama i contributi video grazie a questa playlist, mi è venuta però un idea….

    spesso vengono anche a me, eh eh

    per l’effetto che voglio dare mi occorrerebbe un flv player associato ad una playlist ma invisibile, sapresti dirmi se trovo qualcosa disponibile oppure come personalizzare quello che fornisci tu come sorgente?
    ti sono fin d’ora grato
    jessico.

  6. Ciao,
    Una domanda che non ha attinenza cn questo tutorial ma con i video su Flash,spero vorrai rispondermi lo stesso!
    Ho messo un video importandolo (file i-mporta video),sai come posso fare afficnche una volta finito il video rinizi nuovamente senza premere Play?
    Grazie

  7. @Jessico questo esempio è proprio con playlist nascosta…potresti usare questa…

    @kangaru ecco il codice

    filmato è il nome istanza del tuo oggetto video

    var listenerObject:Object = new Object();
    listenerObject.complete = function(eventObject:Object):Void {
    filmato.play
    }
    filmato.addEventListener("complete", listenerObject);

  8. Scusami julius ho sbagliato la sintassi della domanda,
    la playlist non visibile ce l’ho già è il lettore che mi serve trasparente ovvero senza interfaccia grafica tipo come si vede in quegli spot flash.

    Premetto che sono un utilizzatore saltuario di Flash, no ho esperienza approfondita, ma a volte lo uso per realizzare delle idee che mi vengono…

    Non mi ritengo un webmster, ma piuttosto “un creativo”, gli strumenti informatici li utilizzo strettamente allo scopo di pubblicare le mie idee creative e ciò che intendo comunicare…

    A questo scopo ritengo fondamentale l’ umiltà di condividere con altri tutto ciò che è per l’ edificazione di cose costruttive ed in questo Blog trovo un utilissimo alleato.

    Ecco il punto è questo:
    Riesco a creare un lettore trasparente con flash ma non so come associarlo ad una playlist, in giro ho trovato diversi palyer con playlist, ma hanno tutti un interfaccia grafica visibile che nel mio caso guasta l’ effetto che voglio dare ai video, mi potresti aiutare a trovare qualcosa, con queste carateristiche, o potresti dirmi come rimuovere senza fare danno gli oggetti, o le azioni che ci sono nel tuo player?
    P.S. (mi sarò spiegato, boh, ho dei dubbi allora sto fresco,hi hi)
    grazie mille

  9. Ciao Julius

    ho notato che mettendo il volume al minimo tramite la levetta del volume questo non si azzera ma è sempre presente.
    E’ possibile correggerlo oppure (ancora meglio) aggiungere un tasto MUTE???

    Gracias

  10. @Jessico tutti i player opensource FLV sono altamente personalizzabili nella grafica e quindi non vedo dove sia la difficoltà…

    @mao dovresti intercettare la variabile sound e diminuirla allo 0%

  11. Gianfranco

    Ciao Julius…ascolta ho un problemino….
    il player funziona bene su IE6 e anke su SAFARI…il problema è FIREFOX…
    si vede la barra e il rettangolo nero…e non si sente nemmeno nulla.
    i path della playlist sono semplici xkè i 2 video ke utilizzo stanno nella stessa cartella….
    can you help me please??

  12. @julius
    Ho fatto in modo che i filmati non vadano in loop ma che si fermi a fine video selezionato. Ora ti chiedo ci sarebbe un modo, e se si come, per far apparire il “playagain”, che tra l’altro e’ presente nel codice, a fine di ogni filmato?
    Ciao grazie

  13. @Gianfranco controlla la versione del player flash

    @mack in teoria c’è gia, ma se dopo c’è un altro video ovviamente non lo vedrai..

  14. Ciao JD,

    intanto grazie a prescindere,

    poi avrei un problemino ^^ qunado il player parte cn un video, il formato del video è distorto… se invcece clicco su uno dei precedenti linkati da te (nn so perchè forse al player piacera rehanna) si rimette tutto a posto e posso vedere anche gli altri video in grandezza normale…….

    avete qualke idea?

  15. controlla che il tuo video sia di dimensioni corrette…

    ti ricordo che se inserisci video di dimensioni diverse questi vengono distorti

  16. Qualche d’uno mi sa spiegare come mai appena inserisco l’url per fare apparire il il video prendendolo da you tube convertendolo con fectetcher per avere l’idirizzo completo funziona,nentre dopo qualche ora, non viene caricato il filmato ,una volta aggiornata la playlist con fl fectetcher,ritorna a funzionare, non conoscendo questo linguaggio o provato ad usare la sorgente scaricata senza modificarla,devo aggiungere qualcosa per rendere permanenti i video? senza che mi scompaiono qualche ora?

    Ho notato che con fectetcher ogni volta che premo il bottone
    Insert by my url dopo avere inserito l’indirizzo del filmato di you tube
    questo continua a cambiare(l’indirizzo completo),e normale?.

    grazie

  17. Ciao Senti io volevo sapere come fare a implementare la funzione fullscreen a questo lettore ciao e grazie

  18. var context:ContextMenu = new ContextMenu();
    context.hideBuiltInItems();
    var fullscreenHandler:Function = function () {
    Stage.displayState = “fullScreen”;
    };
    var normalscreenHandler:Function = function () {
    Stage.displayState = “normal”;
    };
    var cFull:ContextMenuItem = new ContextMenuItem(“Show FullScreen”, fullscreenHandler);
    var cNormal:ContextMenuItem = new ContextMenuItem(“Hide FullScreen”, normalscreenHandler);
    context.customItems.push(cFull);
    context.customItems.push(cNormal);
    this.menu = context;

    ho messo questo nelle azioni del layer 1 ma non fa niente lo potresti gentilmente implementare tu? io non ci riuscirei mai… Grazia

  19. Thanks , cool

    but, I have some question.
    Where is video buffering loading image?
    how can i include it?

    sorry i can’t write Italianos.

  20. @julius

    I can’t find that.
    it is don’t have streaming loading image.
    it has video thumnail image with loading image.

  21. giuseppe

    Io ho scaricato il sorgente ho messo all’inteno della cartella j_player due file rassegnastampa.jpg che sarebbe l’immagine che vorrei richiamare visto che ho settato il video in maniera non automatica e un video chiamato video.flv

    questo è il codicce della pagina myplaylist.xml

    e questo è il codice della pagina jd_player.htm

    var so = new SWFObject(“jd_player.swf”, “flvPlayer”, “480”, “380”, “8”, “#000000”);
    so.addVariable(“flvPlay”, “myPlaylist.xml”);
    so.addVariable(“showScaleModes”, “false”);
    so.addVariable(“barra”, “true”);
    so.addVariable(“autoStart”, “true”);
    so.addVariable(“defaultVolume”, “80”);
    so.addParam(“allowFullScreen”, “true”);
    so.write(“flashcontent”);

    ho messo collegamneti relativi ossia rassegnastampa.jpg e video.flv visto che si trovano all’interno della cartella stessa, ma non mi funziona non vedo nulla anzi lapagina si blocca e devo chiuderla dal task manager, stessa cosa se provo con i collegamenti assoluti.

    Dove sbaglio?

    Commento n. 1 da peppe il 06/10/2008 @ 12:26

  22. In attesa di una tua risposta, riepilogo quando fatto anche questa mattina.
    Ho cancellato tutto. Scaricato il sorgente del jd_player
    Scompattata la cartella l’ho copiata all’interno della root del mio sito.
    Ho preso due immagini rassegna stampa ed esultanza e li ho inseriti nella cartella images all’interno della cartella jd_player.
    Ho preso due video video.flv e scafatese-gela.flv
    Ho aperto il file myPlaylist.xml
    e ho modificato cosi il codice

    Poi ho aperto il file jd_player

    modificando la grandezza in 380 per 340 visto che è la misura in cui vorrei vedere il video e infine ho messo autostart false, perchè voglio che sia l’utente a far partire il video solo se è interessato questo il codice

  23. In attesa di una tua risposta, riepilogo quando fatto anche questa mattina.
    Ho cancellato tutto. Scaricato il sorgento del jd_player
    Scompattata la cartella l’ho copiata all’interno della root del mio sito.
    Ho preso due immagini rassegna stampa ed esultanza e li ho inseriti nella cartella images all’interno della cartella jd_player.
    Ho preso due video video.flv e scafatese-gela.flv
    Ho aperto il file myPlaylist.xml
    e ho modificato cosi il codice


    Poi ho aperto il file jd_player
    modificando la grandezza in 380 per 340 visto che è la misura in cui vorrei vedere il video e infine ho messo autostart false, perchè voglio che sia l’utente a far partire il video solo se è interessato
    questo il codice

    JD Player FLV

    scarica Flash Player

    var so = new SWFObject("jd_player.swf", "flvPlayer", "380", "340", "8", "#000000");
    so.addVariable("flvPlay", "myPlaylist.xml");
    so.addVariable("showScaleModes", "false");
    so.addVariable("barra", "true");
    so.addVariable("autoStart", "false");
    so.addVariable("defaultVolume", "80");
    so.addParam("allowFullScreen", "true");
    so.write("flashcontent");

     

    Leggi l'articolo e scarica i file sul blog »JuliusDesign«

    Ora non so se devo fare altre operazioni, non so se ho dimenticato qualche passaggio fatto sta che se vado qui per visualizzare il lavoro fatto

    non vedo nulla.

    Infine vorrei sapere una cosa se vedi il sito http://www.corrieredigela.it nella homepage c’è un viceo rassegna stampa ammesso e concesso che riesco a visualizzare il video nella pagina corrieredigela…jd:player.htm è possibile poi far visualizzare il video nella homepage del sito invece che nella pagina jd:player.htm?

  24. Ciao Julius,
    Ti ricordi di me? ti avevo chiesto giorni fà spiegazioni su come ripubblicare i tuoi post, voglio segnalarti il link al post riguardante questo tuo articolo sul mio portale,

    http://www.valkiro.altervista.org/blog.php?lng=it&sel=pg&pg=2816

    volevo sapere se gli potevi dare un’occhiata e se pensavi che così andasse bene, in oltre volevo sapere se il player lo hai fatto tu, se è una tua realizzazione lo devo e lo voglio indicare nel post chiaramente magari inserendo anche qualche veloce informazione sul tuo blog, volevo in oltre sapere se nella pagina del player quella .htm si deve lasciare l’indicazione che si vede sotto al player che ti riguarda “Leggi l’articolo e scarica i file sul blog »JuliusDesign«” non credo ma comunque è meglio saperlo.
    O scritto anche dei post (prendendoti come fonte) su Easy Listner e Flow Player ma in questi due casi non credo ci siano problemi

  25. @Valkirio Ciao si ricordo…

    Per quanto riguarda questo progetto non sono l’autore..ho usato vari codici AS opensource per gestire meglio e controllare il flusso del video

    Comunque non sono partito da zero…

    @giuseppe controlla di aver caricato tutti i file necessari…il filmato è online? Scrivi qui il link online in cui provi il video

  26. Ciao julius ho inserito l’flv player all’interno di un altro movie flash dove ho altra grafico e animazioni, il problema che ho è che l’flv mi si ridimensiona automaticamente all’interno del nuovo movie flash.

    Se il jd_player di partenza è 320 x 240 e importo il suo swf all’intermo di un movie flash da 1270 x 780 lui si ridimensiona automaticamente, perchè?

    sopra al function scaleGui ho inserito le variabile che anche se settate in false vengono ignorate.

    dove devo intervenire?

    Grazie in anticipo per l’aiuto.
    Roberto

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

    function scaleGui() {
    var _loc2 = Stage.width;
    var _loc3 = Stage.height;
    var _loc4 = (_loc3-240)/2;
    var _loc5 = (_loc2-320)/2;
    gui._x = Math.round(-_loc5);

  27. ciao julius!
    ho un problemino con questo fantastico player, se lo carico da un’altro swf icon Loadmovie i video li legge in sequenza tranquillamente ma. cliccando su un item dalla lista playlist non succede niente…ho provato con lockroot e roba ma il fatto che va tutto solo il click su un video dalla playlist non va e fa sparire la lista.
    non so se sono stato chiaro…mi auguro di si

    Bella

  28. Ciao Julius,
    ho trovato il player ben fatto, oltre che bello traficamente. Unica mia richiesta è possibile non far partire il video ma solo caricarlo? e poi dopo il termine del primo video è possibile bloccare il video e che non vada automaticamente al secondo viede? (questo domanda la ritengo più importante) se riesci a darmi una soluzione con un esempio visto che non so conosco il js, grazie in anticipo ;)

  29. ciao julius , innanzitutto complimenti. Poi, ieri ho postato una domanda ma non so dove eheh qua non la vedo, per cui te la rifaccio sperando che tu possa aiutarmi.. Il player è molto bello, mi funziona tutto ma ha un problema, cioè si mangia gli ultimi secondi fra un video e l’altro? C’è una soluzione, a parte il triste espediente di aggiungere secondi di nero alla fine di ogni filmato.. grazie e ciao.. ah tra le altre cose, se esporto un flv con adobe nonsocosa mi carica solo l’audio, per cui mi tocca caricare i .mov su youtube e poi sgrammarli..ma anche lì alcuni me li rimbalzano per violazione del copy ecc.. è un mondo difficile.. cmq, ti sarei grato se mi aiutassi arisolvere il problema dei secondi mangiati.. grazie e ciao..

  30. @uaka
    1 video non in autostart
    riga 1051
    if (autoStart == “false”)
    {
    autoStart = false;
    }
    else
    {
    autoStart = true;
    }

    2 stop video
    riga 249
    waitForLoad = true;
    clickPlaylist(playlistPlayingId + 1);
    }
    else
    {
    if (loop)
    {
    waitForLoad = true;
    clickPlaylist(0);

    @ Julius
    Come mai se mando i filmati in loop questi si fermano 4 secondi prima e parte quello successivo.
    C’e’ una soluzione in modo che il filmato arrivi in fondo?

  31. ciao a tutti,

    ho bisogno di una mano… =)
    io richiamo all’interno di un file .swf questo file. il problema é che in questo modo il filmato non tiene più conto dei parametri che gli passiamo tramite il javascript…

    sapete darmi un consiglio?? come posso fare per nn far + usare i parametri al nostro filmato? ho pensato di usare le scene al posto degli swf esterni… solo che ho un problema abbastanza stupido =( non riesco a creare il file con nome istanza FLV. quello che nella libreria ha l’icona con una piccola videocamera. potete xfavore spiegarmi come si fa a crearlo?

  32. ciao a tutti, ringrazio per questo player che è ottimo, mi rimane solo un piccolo problema che non riesco a risolvere, l’esigenza è di caricare una playlist con una ventina di flv, ma il player ne riconosce solo 7…forse un settaggio che proprio non riesco a vedere ??

  33. ciao, senti sto impazzendo …. ma come faccio a mandare in loop tutta la playlist?? ho 30 filmati, dopo l’ultimo deve ricominciare automaticamente dal primo..

    ti prego dammi una mano

  34. Ciao Julius!!!
    Volevo inserire i fotogrammi presenti nel .fla all’interno di una clip, ma facendolo non riesco a caricare correttamente il video!!!
    cosa dovrei fare???

  35. Ciao sto utilizzando questo bellissimo player, mi carica i video da un file xml ma dopo aver visualizzato tutti i video della playlist si ferma.
    La mia domanda è:
    E’ possibile far ruotare la mia playlist all’infinito? se è fattibile come?
    Grazie

  36. mikdalex

    salve a tutti… innanzitutto bello il player e complimenti… secondo volevo chiedere se era possibile ingrandire a tutto schermo il video durante la riproduzione… mi fate sapere???

    saluti!!!

  37. salve a tutti
    che parametro va’ inserito per poter far ripetere da capo la playlist all’infinito ?
    grazie

Commenti