Come nascondere l'icona di download nei player audio e video HTML5.

L'introduzione dell'HTML5 ha avuto un grande impatto nella implementazione di audio e video nelle pagine web. Quando non era disponibile l'HTML5, per aggiungere un audio o un video dovevamo appoggiarci a un servizio esterno che ci fornisse un player per la riproduzione.

Per un video si usava Youtube o Vimeo mentre per un audio ci si rivolgeva a uno dei tanti siti di audio sharing. Queste genere di condivisioni si utilizzano ancora adesso e anzi forse pure di più. Con l'HTML5 però possiamo condividere un audio o un video che sia di nostra esclusiva proprietà e che abbiamo caricato su un nostro spazio come per esempio Tophost per poi averne il link diretto. 

Al posto del link diretto per usare il codice HTML5 si può usare il link di download e caricare il file audio o video su servizi di spazio gratuito come Dropbox, Google Sites o Google Drive.

1. Link di download su Dropbox
2. Link di download su Google Sites
3. Link di Download su Google Drive.

Come aprire i video a 360 gradi su Windows 10 con VLC o con Film e TV

I video a 360° vengono adesso supportati sia da Facebook sia da Youtube. La tecnologia per crearli è piuttosto costosa visto che vengono utilizzate delle telecamere speciali. Come spesso succede con l'andare del tempo gli oggetti tecnologici più avanzati tendono a diminuire di costo. Non è quindi difficile pronosticare che nel futuro questi tipi di contenuti saranno molto più comuni di quanto non lo siano adesso.

Le telecamere a 360° sono spesso usate da chi crea video di sport estremi per realizzare dei filmati ancora più coinvolgenti. Si possono già trovare piccole telecamere a 360 gradi su siti di vendita online come Amazon con un centinaio di euro.

Come riprodurre fedelmente i video a 360 gradi che abbiamo nel computer Windows? Lo possiamo fare in almeno due modi come abbiamo già visto per i video in 4K.

Come scaricare sottotitoli dal web o con programmi gratuiti.

I file video di film o di serie televisive possono essere integrati con i sottotitoli che sono organizzati in file solitamente in formato .srt (ci sono però anche file di sottotitoli in .sbv, .sub, .mpsub, .lrc e .cap). La presenza di sottotitoli è particolarmente importante quando non si conosca la lingua del video o la si conosca non abbastanza bene.

Molti player supportano la riproduzione di filmati con sottotitoli ricordo tra gli altri VLC Media Player e Kodi. Anche su Youtube si possono aggiungere i sottotitoli a un nostro video manualmente oppure caricando un apposito file.

VLC è il miglior Media Player per riprodurre video e streaming.

Ho recentemente pubblicato un articolo sui video con risoluzione 4K e su tutti i player che li supportano. Mi sono accorto che non avevo ancora dedicato nessun articolo al Media Player open source per eccellenza che è per molti la scelta migliore per avere nel computer oltre che un riproduttore video anche un player per audio, per streaming e pure per playlist.

VLC Media Player si può installare su Windows, Linux, Mac OS X, Unix, iOS, Android, ecc e c'è pure una versione portatile. Insieme al software vengono installati anche una gran quantità di codec che consentono la riproduzione praticamente di tutti i formati audio e video. Si va su Scarica VLC e si sceglie la versione giusta per il nostro sistema operativo. Gli utenti Android lo possono scaricare anche da Google Play mentre chi ha un iPhone o un iPad può farlo da App Store.

Cosa sono i video 4K e 5 player per riprodurli in Windows 10.

I video denominati 4k vengono talvolta chiamati anche Blu-Ray o Ultra HD. Il loro nome deriva dalla loro risoluzione. Il K come è noto sta per mille quindi 4K significa quattromila. Si tratta di un nuovo standard della televisione e del cinema digitale oltre che della computer grafica.

Solitamente per la risoluzione si prende in considerazione l'altezza del player. I video 720p e 1080p indicano infatti il numero di pixel del loro asse verticale. Con 4K si indicano di solito due risoluzioni ben distinte. La risoluzione 4096×2160 pixel (ossia la 4K propriamente detta) usata in ambito cinematografico, e la risoluzione 3840×2160 pixel (ossia la Ultra HD propriamente detta) è utilizzata in ambito televisivo.

Come aggiungere file audio o file video in un post di Blogger con il linguaggio HTML5.

Cerchiamo di illustrare in modo più analitico il significato del titolo che per ovvie ragioni deve essere stringato. Quando si vuole inserire un video in un articolo di Blogger o di qualsiasi altra piattaforma si carica su Youtube quindi si apre il player , si va su Condividi, si copia il codice e si incolla nella pagina web in cui si vuole mostrare. 

Questo lo si può fare anche per i file audio. Basta creare un video che abbia una immagine fissa e inserirvi l'audio che invece vogliamo condividere. Il video anche in questo caso andrebbe caricato su Youtube o in un altro sito di video sharing per poi ottenerne il codice. Alternativamente si può usare un sito di audio sharing come Audioo.com che funziona più o meno come Youtube ma che ci permette di caricare i nostri audio per poi condividerli nel nostro sito. Dopo la registrazione a Audioo.com e aver caricato il file audio 

Come diminuire o aumentare la risoluzione di un video.

Nel precedente post abbiamo visto come unire due o più video e come il risultato ottenuto sarebbe stato ottimale se i video di partenza avessero avuto tutti la stessa risoluzione. Si tratta in sostanza di avere lo stesso numero di pixel di larghezza e di altezza del player di riproduzione.

Oltre che nel caso appena citato si può avere l'esigenza di intervenire nella risoluzione di un filmato quando lo dobbiamo riprodurre con un lettore che non supporta risoluzioni superiori a 1280 pixel o addirittura a 720 pixel. Vediamo come risolvere facilmente questa problematica con il software gratuito Avidemux che già abbiamo usato per aumentare o diminuire il volume di un video. Come si intuisce anche dal nome Avidemux lavora con i video in formato AVI quindi se abbiamo un filmato di diverso tipo è meglio convertirlo in AVI con un software come iWisoft Free Video Converter.

Come aprire i file SWF e FLV e riprodurre i video Flash.

I file in formato FLV e SWF sono denominati file Flash perché creati con la tecnologia Flash di Macromedia, azienda poi acquistata da Adobe. Questi file non è semplicissimo aprirli e anche il software di riproduzione video con più codec che è VLC Videolan lo fa solo con i file FLV ma non con i SWF. 

La tecnologia Flash in effetti in questi ultimi tempi è stata progressivamente abbandonata perché troppo dispendiosa dal punto di vista energetico a tutto vantaggio per i formati video in HTML5. Iniziò la Apple a non supportare più i formati Flash e adesso anche Youtube ha definitivamente optato per HTML5.

C'è una differenza fondamentale tra FLV e SWF. Mentre i file nel primo formato sono video classici, i filmati in SWF si riproducono senza soluzione di continuità e possono essere implementati nel nostro sito per creare una campagna promozionale.  

Usare la lente di ingrandimento di Windows per visualizzare i player video a tutto schermo.

L'utility della Lente di Ingrandimento è presente nei sistemi operativi Windows a partire almeno da Windows 7 e permette di zoomare su una parte dello schermo per visualizzarlo più grande. Attraverso il mouse possiamo spostarci sullo screen e ingrandire la porzione di schermo su cui si passa. Ci sono diverse opzioni di configurazione che permettono tra l'altro di accedere a questa utility tramite scorciatoia da tastiera, di visualizzare una regione a tutto schermo e anche di ancorare lo zoom a una porzione specifica. 

Il programma Lente di Ingrandimento fa parte di Accessori e può essere aperto facilmente digitandone il nome su Windows 7 oppure andando su Cerca su Windows 8. Il sistema migliore è però quello di digitare Windows e + oppure Windows e - contemporaneamente.

Come installare un player audio su Blogger o Tumblr per musica di sottofondo.

Personalmente non amo molto la musica di sottofondo che si sente in alcuni siti quando si aprono perché preferisco essere io a scegliere che musica ascoltare e quando farlo. Ci possono però essere dei siti in cui una impostazione di questo tipo si renda necessaria e poi l'installazione di un player audio non serve esclusivamente per musica di sottofondo ma può essere usato anche per riprodurre audio esplicativi di una certa funzionalità magari da essere ascoltati solo in una particolare pagina inserendo i vincoli dei tag condizionali. Poi possiamo impostare il player senza autoplay in modo da lasciare al lettore la scelta della riproduzione.

Fino a un paio di anni fa il player audio più utilizzato era quello di Yahoo che permetteva di riprodurre anche video. Purtroppo questa funzionalità è stata eliminata dai nuovi dirigenti e da quel momento è iniziata una ricerca di player alternativi. Ricordo il Player audio personalizzabile, quello che utilizza il servizio AudioPlay e il player audio minimalista creato con i tag HTML5. 

Personalizzare player e riproduzione dei video di Youtube.

Dopo aver mostrato pochi giorni fa come personalizzare il player di Youtube con reEmbed e avere illustrato i principali tag per modificare la riproduzione dei video di Youtube ho ricevuto un commento nella mia pagina Facebook che mi ha convinto a tornare su questo stesso tema.  

Youtube oltre alla lista dei parametri da usare per configurare la riproduzione dei video ha messo a disposizione degli utenti anche una pagina demo in cui la scelta delle varie impostazioni comporta automaticamente la modifica del codice in tempo reale. 

Su Youtube Player Demo possiamo inserire l'Identificativo del video, che è la parte finale dell'URL e si può copiare dal browser, insieme alle altre opzioni di configurazione. 

Come creare e inserire nel blog un video in formato SWF che si riproduca all'infinito.

I banner pubblicitari presenti ovunque sul web sono dei video che si riproducono indefinitamente senza soluzione di continuità. Si tratta di usare un particolare formato in flash denominato Shockwave Flash che è di proprietà di Adobe, la stessa società che ha inventato il formato PDF e che è la produttrice di Photoshop. In realtà tale standard è stato inventato da Macromedia acquistata successivamente da Adobe.

Questo formato si presta molto bene a mostrare nel sito un banner creato da noi che vuol pubblicizzare una iniziativa o comunque a mostrare un elemento animato che si riproduca con continuità. Il formato SWF è da preferire alle animazioni in GIF perché decisamente meno pesante e quindi meno penalizzante in quanto a rallentamento del download della pagina. Senza contare che possiamo anche inserire dell'audio cosa impossibile con le immagini in GIF.

Come installare un player su Blogger per riprodurre una playlist di video in HTML5.

Abbiamo appena visto come sia possibile installare in Blogger un player HTML5 che riproduca file audio di una playlist in formato MP3. Bisogna naturalmente aver caricato i file in un hosting che li supporti e che ci fornisca il loro link diretto oppure alternativamente avere gli hotlink di file già presenti in rete.

Seguendo la stessa falsariga vediamo come si possa creare sempre in HTML5 un player video che riproduca filmati in MP4 precedentemente caricati online. La installazione di un semplice player in HTML5 per un solo video è piuttosto semplice visto che basta incollare questo codice

Come installare un player audio con playlist in Blogger.

Gli utenti di Blogger che amavano inserire nel proprio sito un player audio per riprodurre brani musicali o di altro genere utilizzavano l’eccellente player fornito da Yahoo che però non funziona più da mesi vista la ristrutturazione dell’azienda portata avanti dal nuovo management.

Abbiamo già visto come attraverso l’HTML5 si possa in modo molto semplice mostrare un riproduttore audio e video nelle pagine del blog. Questi player sono visibili solo con i browser che supportano questa tecnologia che però attualmente sono praticamente tutti visto che anche Internet Explorer delle ultime versioni è compatibile con l’HTML5. Solo chi abbia un vecchio Windows Vista e continui a usare le vecchie versioni di IE rimane tagliato fuori da questa nuova funzionalità.

Caricare i video di Youtube solo quando si riproducono e mostrare il player della giusta dimensione negli smartphone.

A seguito di un commento ricevuto sul player di Youtube che viene mostrato di dimensioni eccessive oppure che non si vede per nulla nei blog di Blogger quando si aprono con dispositivi mobili, ho cercato di trovare una qualche soluzione al problema. Sembra che esista un bug di Blogger che nel momento in cui ci sia un post che contenga un player di un video di Youtube questo si visualizzi molto grande da cellulare tanto da sfalsare tutto il layout indipendentemente dalle dimensioni che si sono settate.

Gli amministratori di blog su Blogger oltre a questo disservizio con i dispositivi mobili devono fare i conti anche con l'eccessiva lentezza dell'apertura del post quando vi siano postati dei video di Youtube. Questo indipendentemente se il lettore lo visualizzi o meno. Tramite l'iframe di Youtube vengono infatti caricati immagini, script e fogli di stile. Nel caso in cui in un articolo ci siano più video la velocità di caricamento della pagina sarà ancora più compressa. Se poi il video viene inserito in Homepage anche senza autoplay ne risentirà la velocità di navigazione di tutto il sito.

Player MP3 personalizzabile anche con playlist da inserire in un blog.

Gli appassionati di musica che utilizzano la piattaforma Blogger sono rimasti orfani del Player Yahoo che il nuovo CEO Marissa Mayer pare abbia disattivato e non abbia intenzione di ripristinare. Dopo aver presentato l'alternativa di un player audio completamente personalizzabile vado oggi a illustrare un progetto di libero utilizzo per inserire nel nostro sito un riproduttore di file MP3.

Dewplayer è un lettore audio in flash stato realizzato in Francia. Si va su Télécharger per scaricare il file ZIP che dovrà essere aperto con un programma tipo 7-ZIP oppure anche nativamente se si ha un sistema operativo Windows 7 o 8. Nella cartella sono presenti vari file .SWF.  Si deve caricare in un nostro spazio quello che vogliamo utilizzare per il nostro player.

Come inserire player audio e video HTML5 in un blog.

HTML5 è tutto un insieme di nuove tecnologie che non è qui il caso di enumerare e che si estrinsecano in un nuovo linguaggio di markup. Mi limito a fare solo degli esempi. Visto che gli sviluppatori si riferiscono spesso a posizioni del layout quali header o footer ecco che sono stati introdotti proprio questi tag anche per dare un valore semantico a queste sezioni delle pagine web. Il linguaggio HTML5 è anche legato al CSS3 e a nuovi standard di cui ho già parlato come i microdati e i microformati.

Una parte importante dell'HTML5 la riveste soprattutto la multimedialità con l'utilizzo dei nuovi tag <audio> e <video> per l'inserimento di filmati e di file audio senza utilizzo di plugin esterni quali Flash di Adobe o Silverlight di Microsoft.

Come incorporare nel blog solo un estratto di un video di Youtube.

Vi sarà certamente capitato di vedere un video di Youtube magari che dura qualche decina di minuti di cui siete interessati solo a qualche decina di secondi. Youtube offre tutta una varietà di tag per personalizzare l'incorporamento di un video. Si va dall'inserimento nel player di bordi colorati al mostrare i video in alta definizione, dal riprodurre il video di continuo al non mostrare il brand di Youtube. È anche possibile non visualizzare il titolo del video, nascondere le annotazioni e mostrare i sottotitoli come impostazione predefinita.

Un capitolo a parte lo merita la possibilità di settare il punto di inizio e quello finale della riproduzione del filmato. Cominciamo a fare un esempio pratico per rendere le cose più semplici. Quando si guarda un video di Youtube sotto il player si visualizzerà il tempo di riproduzione già trascorso

Come installare un player audio in un widget o in un post di Blogger.

Il bellissimo player audio di Yahoo ha smesso di funzionare da qualche giorno e quindi ho pensato di proporre una alternativa per tutti coloro che volessero inserire un riproduttore di file audio nel loro sito sia in un widget sia in un post o in una pagina statica.

Useremo il codice del progetto open source SWF Object 2.0 che permette la realizzazione di player audio personalizzati in molti parametri come vedremo. Per prima cosa bisogna scaricare il file SWF del player audio. Essendo un progetto con licenza MIT può essere fatto dalla pagina appena linkata di Google Code o da questo link: Scarica Player Audio. Si tratta di un file SWF che dovrà essere caricato nella cartella Public di DropBox e di cui se ne dovrà ottenere il link diretto. Alternativamente, se possediamo un blog gratuito, possiamo provare a caricarlo su Google Sites nella modalità Schedario oppure sempre su Google Sites attraverso una nuova procedura.

Come mostrare un video di Youtube con una immagine di sfondo.

A seguito di una domanda che mi è stata fatta in un commento vado a illustrare un semplice procedimento per mostrare un video di Youtube con una immagine di sfondo e una scritta che lo illustri insieme a un link che rimandi al Canale o a una qualsiasi altra pagina web.

Tale procedura funziona anche con altri siti di video-sharing e consiste semplicemente nell'inserire il codice per incorporare il video all'interno del codice di una tabella. Prima di iniziare occorre procurarsi l'URL della immagine di sfondo e quello del link che vogliamo mostrare oltre naturalmente al codice del video. Per Youtube si va su Condividi > Codice da incorporare e si scelgono le dimensioni del player. Per rendere la cosa più semplice posterò un codice di esempio che poi ognuno potrà personalizzare