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.
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>
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");
Scarica il sorgente
Guarda il Tutorial
Design, Esperimento, Flash, Free, Grafica, Immagini, Opensource, Sviluppo, Tutorial, Video, XML

70 Commenti
gepigym
2 Gennaio 2008 alle 10:11 am
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!!!
Maurizio
2 Gennaio 2008 alle 15:22 pm
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?
elio
2 Gennaio 2008 alle 17:09 pm
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???!!!
Maurizio
2 Gennaio 2008 alle 19:21 pm
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
Romy
2 Gennaio 2008 alle 19:31 pm
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…
Chicco
3 Gennaio 2008 alle 0:27 am
… idem come Maurizio e Romy
biagio
3 Gennaio 2008 alle 4:53 am
Caro amico….
Buon anno .
Ciao Big.
elio
3 Gennaio 2008 alle 10:21 am
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/
elio
3 Gennaio 2008 alle 10:58 am
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…
Romy
3 Gennaio 2008 alle 11:42 am
niente…almeno io non la vedo…continuo a veder solo la barra con il rischio di “blocco” pagina …
elio
3 Gennaio 2008 alle 11:59 am
Mah… molto strano!
una domanda: ma avete il plugin flash aggiornato all’utima versione?
elio
3 Gennaio 2008 alle 12:00 pm
ops
ultima…
marko
3 Gennaio 2008 alle 14:02 pm
io non vedo il video….si sente l’audio pero’ non vedo nulla……
marko
3 Gennaio 2008 alle 14:03 pm
ora si …vedo i video…. forse bisogna aspettare per il loading… dei file …dato che son molti….
Romy
3 Gennaio 2008 alle 14:55 pm
io..purtroppo niente ancora..la solita barra..ma pur aspettando non si vede alcun video…. :-(((((((((((((((((((((((((((((((((((((((((((((((((((((((
stefano
3 Gennaio 2008 alle 14:59 pm
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….
stefano
3 Gennaio 2008 alle 15:03 pm
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!
elio
3 Gennaio 2008 alle 15:06 pm
per stefano,
a pagamento si trova di tutto… “purtroppo”
Julius
3 Gennaio 2008 alle 15:10 pm
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
stefano
3 Gennaio 2008 alle 15:23 pm
elio… ad esempio?
julius ti confermo che purtroppo non funziona neanche su safari…..
annarita
4 Gennaio 2008 alle 18:45 pm
Ciao, Julius:). Buon inizio di 2008! Utile questo tutorial. Lo aggrego nel mio del.icio.us.
A presto!
gepigym
5 Gennaio 2008 alle 23:17 pm
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???
Simone
14 Gennaio 2008 alle 17:55 pm
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
Simone
16 Gennaio 2008 alle 14:42 pm
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.
Julius
16 Gennaio 2008 alle 15:04 pm
@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.
Simone
16 Gennaio 2008 alle 15:14 pm
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
Simone
16 Gennaio 2008 alle 15:54 pm
YESSSSSSSSSSSSSSSSSSSSSSSSSSS!!!!!
Aprite il fla jd_player.
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”
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
Julius
16 Gennaio 2008 alle 15:59 pm
@Simone
creazionimayaweb
17 Gennaio 2008 alle 20:34 pm
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
Federico
31 Gennaio 2008 alle 19:21 pm
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
AlterVista Forum
4 Febbraio 2008 alle 15:23 pm
[...] segnalo questo ,nella pagina Tutorial ce ne sono [...]
Gianluca
18 Febbraio 2008 alle 13:29 pm
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
Julius
18 Febbraio 2008 alle 14:28 pm
Richiama il player swf con loadMovie utilizzando _lockroot
Antonio Carluccio
22 Febbraio 2008 alle 23:09 pm
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
Julius
22 Febbraio 2008 alle 23:28 pm
Potresti lavorare sul pulsnte playlist rendendolo di un colore che attiri l’attenzione, magari facendolo lampeggiare in modo attenuato…
Max
25 Febbraio 2008 alle 13:56 pm
è possibile dirgli che filmato aprire passando il percorso nella barra degli indirizzi?
mack
25 Febbraio 2008 alle 17:56 pm
E’ possibile cambiare i font della playlist?
Se si come.
Grazie
Julius
25 Febbraio 2008 alle 20:40 pm
@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…
Max
25 Febbraio 2008 alle 22:02 pm
mi spieghi esattamente come fare?
mack
26 Febbraio 2008 alle 7:37 am
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?
Principessa felice
27 Febbraio 2008 alle 13:27 pm
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…
Principessa felice
27 Febbraio 2008 alle 13:53 pm
Ok! Ho visto come rendere la playlist sempre visibile!
Evvai! Adesso devo capire come fare a posizionarla dove dico io…
Julius
27 Febbraio 2008 alle 20:41 pm
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;
Max
28 Febbraio 2008 alle 10:21 am
Julius ricordati anche di rispondere a me
Cristiano
20 Marzo 2008 alle 13:24 pm
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
Julius
20 Marzo 2008 alle 20:07 pm
@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
Julius
20 Marzo 2008 alle 20:10 pm
@Cristiano per utilizzarlo all’interno di un sito flash leggi questo articolo _lockroot
stefano
26 Marzo 2008 alle 12:50 pm
ciao julius!
è possibile rendere l’autostart che carichi i video random?
per cambiare l’aspect ratio del video dove devo guardare?
grazie!
Julius
26 Marzo 2008 alle 19:26 pm
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…
stefano
26 Marzo 2008 alle 19:35 pm
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!!!!
fuku
2 Aprile 2008 alle 15:41 pm
The original one: http://oos.moxiecode.com/flvplayer/
Julius
2 Aprile 2008 alle 17:01 pm
This is ispiration also to oos.moxicode, the idea is equal
fuku
4 Aprile 2008 alle 7:36 am
No, it´s the exact same player, exact same code with some changed graphics and the credits removed… Ie. L A M E.
Antonio Carluccio
7 Aprile 2008 alle 19:44 pm
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
Julius
7 Aprile 2008 alle 20:28 pm
forse hai inserito del codice ma non lo vedo se vuoi inviami una mail che indago
Lucio
19 Aprile 2008 alle 17:31 pm
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!
Julius
19 Aprile 2008 alle 18:02 pm
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
Jessico
1 Maggio 2008 alle 21:36 pm
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.
kangaru
2 Maggio 2008 alle 23:54 pm
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
Julius
3 Maggio 2008 alle 14:07 pm
@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);
Jessico
4 Maggio 2008 alle 17:28 pm
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
mao
15 Maggio 2008 alle 17:36 pm
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
Julius
15 Maggio 2008 alle 23:21 pm
@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%
Gianfranco
19 Maggio 2008 alle 9:42 am
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??
mack
21 Maggio 2008 alle 18:21 pm
@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
Julius
21 Maggio 2008 alle 20:17 pm
@Gianfranco controlla la versione del player flash
@mack in teoria c’è gia, ma se dopo c’è un altro video ovviamente non lo vedrai..
goemon
23 Maggio 2008 alle 12:53 pm
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?
Julius
23 Maggio 2008 alle 19:08 pm
controlla che il tuo video sia di dimensioni corrette…
ti ricordo che se inserisci video di dimensioni diverse questi vengono distorti
Gino
6 Luglio 2008 alle 2:12 am
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
Julius
6 Luglio 2008 alle 10:36 am
@Gino ciao è molto strano non mi è mai successo
FeedRSS
Ti è piaciuto l'articolo? Tieniti sempre aggiornato! Iscriviti ora ai Feed RSS.
Ti sarà inviata in modo totalmente gratuito una mail con tutti i nuovi articoli!
Scrivi un Commento
tag abilitati: <code> </code> | <a href=""> </a> | <strong> </strong> | <i> </i>