Dega's blog

Spesso, dopo aver acquistato o formattato un PC (o un Mac) ci si ritrova a voler guardare un filmato sul proprio computer e accorgersi che il player preinstallato (Windows Media Player per Windows e QuickTime Player per Mac) non ci permette di aprirlo perché il codec necessario per decodificare la traccia audio/video non è disponibile.

Nella selva dei formati video si rischia davvero di perdersi, tra mov, AVI (che in realtà non è un formato vero e proprio), divx, mpeg, mkv, mp4, 3gp, ogg, real e chi più ne ha più ne metta. Spesso si ricorre a veloci ricerche su Google per trovare e scaricare il codec di cui si ha bisogno al momento, intasando il proprio computer con svariate applicazioni e pacchetti presi da luoghi diversi, senza riuscire a risolvere la situazione una volta per tutte.

In realtà esiste una soluzione molto più pulita ed elegante: VLC. Si tratta di un player molto semplice, leggero e dalle buone performance. Ma ciò che più conta è che, anziché appoggiarsi ai codec installati nel computer per riprodurre i contenuti audio e video, contiene quasi tutti i codec già al suo interno e di conseguenza non è necessaria alcuna installazione aggiuntiva per poter riprodurre i propri file. C’è da dire che si tratta di un player professionale piuttosto che di un’applicazione “bella da usare”, ma fa il suo dovere e lo fa bene. Per i più smanettoni, ci sono anche opzioni avanzate quali la gestione remota attraverso LAN (da cui il nome esteso del programma, VideoLAN), la riproduzione di un video con traccia audio su file separato (utile quando sono disponibili più tracce audio in lingue diverse per la stessa traccia video) e la possibilità di riprodurre stream audio/video.

La realizzazione di un altro sito internet mi ha messo di fronte alla necessità di trovare un player video gradevole da usare e che fosse in grado di caricare un file video caricato in precedenza sul server. Dopo una ricerca in internet, che mi ha portato a conoscere varie soluzioni più o meno convincenti, ho deciso di usare la versione gratuita di Flowplayer. Non ho acquistato la versione a pagamento per un semplice motivo: il logo che viene mostrato non da troppo fastidio e, detto tra noi, 69 euro per un player che posso usare su un solo dominio mi sembrano eccessivi.

L’implementazione all’interno del sito è abbastanza semplice, basta includere un Javascript, inserire il video sottoforma di link con display:block nelle proprietà CSS ed infine avviare il caricamento del player vero e proprio con un’ulteriore riga di codice, dicendo al browser che quel link è in realtà il video che vogliamo mostrare. Potete trovare un breve esempio di come fare tutto questo su questa pagina del sito ufficiale (in inglese).

Per fare la figheria si può integrare flowplayer all’interno di fancybox. Non è nulla di difficile, ma io ci ho messo tre giorni (per poi capire che il problema era un doppio ID all’interno del codice, e quindi il player cercava di avviarsi sull’elemento sbagliato).

Per i più smanettoni, l’interfaccia grafica di Flowplayer può essere curata in ogni dettaglio. Nel codice può infatti essere personalizzato il comportamento del player (autoplay, ad esempio) e la grafica (barra dei comandi, sfondo, proprietà del riquadro principale…). Sono inoltre supportate le playlist nel caso in cui vogliate mostrare più di un video.

Buona visione a tutti 🙂

AGGIORNAMENTO 2/10/2012: è uscito il nuovo Flowplayer, che finalmente fa pieno uso di HTML5!