La guida definitiva allo streaming HTML5

HTML5 è la piattaforma più diffusa per la riproduzione di video. Questa guida definitiva vi aiuterà a essere operativi con lo streaming in HTML5 che vi permette di raggiungere qualsiasi dispositivo, ovunque sulla Terra, in qualsiasi momento.

Da qualsiasi punto di vista lo si guardi, il live streaming sta esplodendo. Si prevede che entro il 2018 oltre 1,9 miliardi di utenti internet utilizzeranno i video online. Si prevede che il fatturato mondiale dei video OTT supererà i 20 miliardi di dollari entro l’anno successivo. È il momento di puntare tutto sui video online.

Sette passi fondamentali per lo streaming in HTML5

Lo streaming video in diretta può confondere i neofiti. Certo, c’è un modo semplice per farlo: Lo streaming di Facebook, ad esempio, si fa con un solo tocco. Ma Facebook Live e altre piattaforme di social streaming come Youtube Live hanno seri limiti.

Se avete bisogno di un approccio più professionale, le cose si complicano un po’. Alcuni si perdono nei meandri del linguaggio tecnico. Non siate come loro. Con la giusta preparazione, compresa la lettura di questo post, sarete in grado di orientarvi con facilità nella terminologia e nella tecnologia del live streaming.

Questa guida vi guiderà attraverso sette passi e considerazioni chiave per lo streaming in HTML5. Cominciamo!

1. Esigenze di attrezzature

Il primo elemento chiave del live streaming è l’utilizzo dell’attrezzatura corretta. Elencherò qui le categorie e vi collegherò ad alcune risorse per ulteriori approfondimenti su questi argomenti.

Macchina fotografica

La prima e più importante attrezzatura è la videocamera. La telecamera può essere semplice come uno smartphone o complessa come una telecamera cinematografica di fascia alta. La scelta delle telecamere per il live streaming dipende dall’evento che si intende trasmettere, dal numero di telecamere necessarie e così via. Si può iniziare con uno piccolo, come un Canon FS300 o un Sony DCR-HC1000. Se avete già familiarità con lo streaming HTML5, potreste prendere in considerazione una telecamera PTZ (Pan-Tilt-Zoom).

Microfoni

Sono necessari anche dei microfoni per catturare l’audio. Le indagini hanno dimostrato che l’audio è un elemento essenziale dei flussi video per quanto riguarda la qualità percepita. Per l’audio è possibile utilizzare il microfono incorporato delle videocamere. Tuttavia, la qualità non sarà sempre all’altezza e dovrete fare attenzione al rumore di fondo. Considerate l’utilizzo di microfoni off-camera di qualità superiore, come il Blue Yeti o un microfono shotgundi qualità , peressere sicuri di ottenere la migliore qualità audio possibile.

Codificatore

La prossima apparecchiatura di cui è necessario disporre è un encoder. Esistono due tipi di encoder: hardware e software.

Gli encoder hardware sono ideali sia per le situazioni mobili di run-and-gun che per l’uso in studio di alto livello. Per la maggior parte degli altri utilizzi, un’applicazione di codifica software installata su un computer tablet o uno smartphone è in grado di soddisfare tutte le esigenze.

OBS Studio è un’applicazione gratuita per lo streaming dal vivo. Fare clic qui per saperne di più su alcune delle migliori applicazioni di streaming, tra cui OBS. Se preferite un encoder hardware, date un’occhiata al piccolo“Cube” di Teradek, montato su una telecamera e ideale per lo streaming sportivo.

2. Connettività Internet

Una volta definite le esigenze dell’apparecchiatura, dovrete predisporre una connessione a Internet per il vostro flusso HTML5. Questa connessione può provenire da diverse fonti. Si può usare:

• Una rete Wi-Fi
• Un cavo Ethernet
• Una rete cellulare (il 3G è troppo lento; è necessaria una connessione 4G LTE)

Se si opera da una postazione con accesso limitato a Internet (o se si è in mobilità), può essere difficile fare affidamento su questo tipo di connessioni. La soluzione a questo problema è il“Network Bonding“, ovvero la combinazione di più connessioni di rete in un’unica connessione più veloce e affidabile.

3. Requisiti di larghezza di banda per evitare il buffering

Ora che state pensando alla vostra connessione a Internet, dovete considerare la sua velocità. Se la velocità di Internet è troppo bassa, la qualità del live stream HTML5 sarà limitata. Può anche creare problemi di buffering e di ritardo nei video. Solo l’8,2% degli spettatori tornerà su un sito entro il primo giorno dall’esperienza di un video fallito, rispetto all’11,2% che torna dopo un’esperienza funzionale.

La velocità di Internet si misura con due parametri diversi: velocità di download e velocità di upload.

• Il download è la velocità con cui è possibile caricare i dati sui dispositivi, come ad esempio guardare Netflix.
• L’upload è la velocità con cui è possibile inviare dati al resto di Internet, come ad esempio caricare un video su Instagram.

Ai fini della produzione di uno streaming live, la velocità di upload è il numero più importante. Le velocità di upload e download sono misurate in Mbps, ovvero Megabit al secondo. Come si può misurare la velocità di upload? Il modo più semplice è visitare TestMy.net ed eseguire il test della velocità di upload. Scrivete i vostri risultati e poi tornate qui.

Qual è la velocità di upload?

• 25 Mbps o superiore – velocità abbondante, pronta per lo streaming 4K
• 5-8 Mbps – sufficiente per lo streaming in HD (alta definizione) a 720p o 1080p
• 3 Mbps – sufficiente per lo streaming a 480p in definizione standard
• 1,5 Mbps – velocità sufficiente per una risoluzione ragionevole a 360p
• 500 Kbps – velocità minima consigliata; appena sufficiente per lo streaming video

Questi numeri sono solo raccomandazioni. La quantità effettiva di larghezza di banda richiesta dallo streaming dipende da una serie di fattori. Per saperne di più sulla larghezza di banda, consultate la nostra guida completa sui requisiti di larghezza di banda per lo streaming.

4. Impostazioni dell’encoder

Vediamo quindi come configurare l’encoder in modo da ottenere la migliore qualità con il minor numero di interruzioni. È necessario adattare le impostazioni alle proprie esigenze specifiche, ma ecco alcune raccomandazioni in termini di impostazioni comuni dell’encoder:

Risoluzione video

Le risoluzioni sono elencate in base alle dimensioni, come 640 x 360 pixel (spesso chiamata 360p) o 1920 x 1080 pixel (spesso chiamata “Full HD” o 1080p). In generale, scegliere la risoluzione più alta che la velocità di upload può supportare.

Bitrate

Il bitrate ha un’interazione con la risoluzione. Le bitrate più elevate sono necessarie per “trasportare” i dati necessari per i fotogrammi video di dimensioni maggiori. È possibile utilizzare i numeri della sezione 3 per fornire un’indicazione di massima per le impostazioni della velocità di trasmissione.

Frequenza dei fotogrammi

In generale, si consiglia di “impostare e dimenticare” a 30 fotogrammi al secondo (fps). Se trasmettete sport, potreste aver bisogno di 60 fps.

Intervallo dei fotogrammi chiave

Si consiglia di impostare l’intervallo dei fotogrammi chiave a 2-3 secondi.

5. Codec video e audio

Tecnicamente parlando, un “codec” è uno strumento hardware o software utilizzato per comprimere o decomprimere i video. H.264, ad esempio, è un codec standardizzato. Ogni dispositivo moderno, browser web, lettore video e TV sa come decodificare i video H.264.

Lo stesso vale per l’audio. Il codec audio moderno più diffuso è AAC, che comprime l’audio.

In caso di dubbio, utilizzate H.264 e AAC per tutte le vostre esigenze di streaming video. È facile confondersi qui. Ad esempio, l’audio AAC può essere unito a un video H.264 in un “formato contenitore” per la trasmissione. Per diventare un maestro dello streaming live, vale la pena di leggere la nostra breve introduzione a H.264, ai codec e ai file container.

6. Lettore video per tutti i dispositivi

Un altro elemento chiave dello streaming HTML5 è il lettore video stesso. I video su Internet vengono riprodotti tramite lettori video, proprio come sul desktop. È solo che questi lettori sono integrati nei siti web visitati. In passato, per i video online era necessario utilizzare Flash. Tuttavia, era lento e vulnerabile agli hackeraggi.

Ora lo streaming HTML5 è un’alternativa molto migliore. Le piattaforme video online come Dacast includono un lettore video HTML5 compatibile con tutti i telefoni cellulari, i tablet e i computer, oltre che con dispositivi come le Smart TV. Per saperne di più sui lettori di video in streaming HTML5 e sui vantaggi che offrono, fate clic qui.

7. Piattaforma video online

L’ultimo elemento chiave per lo streaming HTML5 è una piattaforma video online. Conosciute anche come OVP, queste aziende fungono da meccanismo di distribuzione dei flussi video. Un OVP fornisce l’accesso a una rete di server per distribuire i vostri contenuti in tutto il mondo, riducendo al minimo i ritardi e il buffering.

Forniscono inoltre una serie di strumenti. Alcuni di questi possono includere elementi come le analisi per aiutarvi a capire chi sono i vostri spettatori e cosa stanno facendo, monetizzazione opzioni per aiutarvi a generare reddito dai vostri video, strumenti di gestione per tenere organizzati i vostri contenuti e strumenti avanzati quali API video in modo da poter creare soluzioni personalizzate per i problemi tecnici.

Conclusione: esecuzione della configurazione

Per concludere, diamo un’occhiata a questi elementi e a come lavorano insieme. Per iniziare lo streaming HTML5, è necessario raccogliere l’attrezzatura: telecamera, attrezzatura audio e codificatore. Successivamente, è necessario connettersi a Internet e assicurarsi che la connessione sia sufficientemente veloce per lo streaming.

Una volta completata questa fase, è necessario configurare il codificatore in base alla velocità di Internet. Infine, è necessario collegarsi alla piattaforma video online e assicurarsi di utilizzare un lettore video compatibile con lo streaming HTML5.

Non c’è altro da fare! Ci sono domande o aggiunte? Fateci sapere nella sezione commenti! Grazie per aver letto e buona fortuna con i vostri live stream.