Gli utenti apprezzano i contenuti multimediali, soprattutto i video, perché possono essere divertenti e informativi. Sui dispositivi mobili, i video possono essere un modo più semplice per consumare informazioni rispetto al testo. Per una buona esperienza utente, i video non devono aver bisogno di una larghezza di banda superiore a quella disponibile. Gli utenti devono essere in grado di usarli a prescindere dal dispositivo con cui li visualizzano. Gli utenti non dovrebbero mai dover attendere il download dei contenuti multimediali. A nessuno piace quando premono Riproduci e non succede nulla.
Sicuramente hai consumato video sul tuo dispositivo, il che significa che niente nell'ultimo paragrafo ti sorprende. Ora devi imparare a inserire un video o un altro file multimediale nel tuo sito web. I requisiti tecnici per l'aggiunta di contenuti multimediali devono essere adeguati all'esperienza utente.
I requisiti tecnici
- Le versioni di un file multimediale sono in comuni formati ottimizzati per il web contenenti stream audio e video.
- La risoluzione è appropriata per i dispositivi degli utenti.
- La velocità in bit non sovraccarica la larghezza di banda della rete degli utenti.
- Il risultato è visibile su tutti i principali browser che utilizzano tecnologie appropriate.
- Il file è criptato (facoltativo).
La sezione Contenuti multimediali di questo sito web ti aiuterà a raggiungere questi requisiti tecnici. Non preoccuparti se questi concetti sono ancora un po' astratti. Li spiegheremo progressivamente in tutti gli articoli. Nella prima sezione scoprirai i concetti di base dei media, nella seconda sezione imparerai come aggiungere contenuti multimediali al web e, nella seconda, le applicazioni pratiche, con alcune tecniche avanzate, relative all'utilizzo dei contenuti multimediali sul web.
Visualizzazione di video sul web
Esistono quattro approcci che puoi adottare per visualizzare video su un sito.
- Carica i video su un provider host di contenuti multimediali, come YouTube o Vimeo. Queste opzioni richiedono di incorporare i player nel tuo sito.
- Incorporamento di base ospitato autonomamente utilizzando gli elementi HTML
<video>e<audio>. - Incorporamento più completo utilizzando una libreria video come Shaka Player, JW Player o Video.js.
- Creazione del tuo server multimediale e della tua applicazione di streaming.
Questo sito tratta principalmente le nozioni di base sull'incorporamento di contenuti multimediali. Tuttavia, affronteremo alcuni argomenti più avanzati per aiutarti a iniziare il percorso verso la creazione della tua applicazione di streaming multimediale. Questo tentativo non è banale, quindi abbiamo creato una PWA multimediale con supporto offline da utilizzare come riferimento. Questa operazione dovrebbe mostrarti in che modo puoi farlo e quanto impegno richiede. L'applicazione non è un'offerta pronta per la produzione o è concorrente di servizi come YouTube o Vimeo, ma ti fornirà un punto di partenza per imparare qualcosa di nuovo e stimolante.
Francamente, creare un concorrente per servizi multimediali ospitati richiederebbe un team di tecnici esperti e migliaia di ore di lavoro. A meno che il tuo obiettivo non sia entrare in quel mercato come concorrente, è preferibile utilizzare uno degli altri metodi. È buona norma conoscere la tecnologia e, anche se non puoi implementare la tua applicazione o il tuo video player, è utile esplorare e sperimentare all'avanguardia del supporto dei browser o perlomeno utilizzare una delle librerie video esistenti.
Cosa impareremo
La raccolta media è composta da tre parti. In questa prima sezione, forniremo i concetti necessari e le informazioni necessarie per aggiungere contenuti multimediali al tuo sito. Comprende la spiegazione di come vengono assemblati i file multimediali, le nozioni di base sulle applicazioni necessarie per preparare i file per il web e i concetti di base dei flussi di dati. La seconda sezione spiega come preparare i file e convertirli in vari formati e, facoltativamente, aggiungere la crittografia. Nell'ultima sezione ti mostreremo come incorporare un file multimediale in una pagina web, discutere delle best practice per la riproduzione automatica, utilizzare i framework multimediali, mettere i video offline e rendere accessibili i video.
C'è molto da capire, quindi iniziamo con le nozioni di base sui file multimediali.