JD FLV Player + Playlist

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

    Annunci

    31 thoughts on “JD FLV Player + Playlist

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

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

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

    8. 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!

    9. 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 😛

      un saluto

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

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

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

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

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

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

    16. Pingback: AlterVista Forum

    Rispondi

    Effettua il login con uno di questi metodi per inviare il tuo commento:

    Logo WordPress.com

    Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

    Foto Twitter

    Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

    Foto di Facebook

    Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

    Google+ photo

    Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

    Connessione a %s...