Come trasmettere video in diretta sul vostro sito web

How to Stream Live Video On Your Website Image

 

Negli articoli precedenti abbiamo discusso di come incorporare un video in un sito web, di come fare live streaming e di altri argomenti correlati. In questo articolo, quindi, offriremo un’analisi dell’intero processo, dall’inizio alla fine. Per prima cosa, esamineremo le basi per la trasmissione di un flusso video in diretta. Successivamente, parleremo di come incorporare un flusso video in diretta nel vostro sito web. Infine, vi illustreremo come trasmettere video in diretta sul vostro sito web.

Gli argomenti che tratteremo in questo articolo includono:

  • Telecamere e dispositivi di acquisizione
  • Software o hardware di codifica
  • Connessione a Internet e piattaforma di streaming
  • Copiare i codici incorporati e
  • Incorporazione nel sito web.

Passiamo subito ai componenti e alle attrezzature necessarie, prima di passare alla descrizione di come trasmettere video in diretta sul vostro sito web!

Telecamere e dispositivi di acquisizione

Il primo requisito fisico per il live streaming è generalmente una telecamera. Alcune trasmissioni in diretta coinvolgono invece il display di un computer (ad esempio, lo streaming di videogiochi). Nella maggior parte dei casi, tuttavia, si trasmettono immagini catturate con una videocamera. Per molti scopi di trasmissione, una webcam offre una qualità d’immagine perfettamente accettabile. Le webcam sono semplici da usare e costruite per l’uso di Internet. Inoltre, le webcam non richiedono hardware aggiuntivo per inviare il video in broadcast (oltre al dispositivo di codifica o al computer).

come trasmettere video in diretta sul vostro sito webPer ottenere una qualità video superiore, è necessario utilizzare una telecamera professionale con connessione HDMI. Detto questo, queste fotocamere non inviano le loro immagini in un formato compatibile con la trasmissione via Internet. Ciò significa che è necessario un dispositivo di acquisizione o una scheda di acquisizione per transcodificare le immagini. Il miglioramento della qualità dell’immagine e le caratteristiche come gli obiettivi e lo zoom aggiuntivi sono entrambi significativi. Questi vantaggi possono valere i costi e gli sforzi aggiuntivi, a seconda del tipo di trasmissione che si sta considerando.

Tuttavia, è importante notare che le telecamere di livello professionale compatibili con HDMI sono solitamente più ingombranti e meno portatili delle webcam.

Una volta scelta un’opzione di ripresa valida, è necessario considerare le opzioni di codifica. Mentre le telecamere possono riprendere e registrare video da utilizzare in seguito, i contenuti trasmessi in diretta richiedono un’ulteriore elaborazione.

Software o hardware di codifica

Avete una telecamera pronta per l’uso, ma non siete ancora sicuri di come trasmettere video in diretta sul vostro sito web.

Per trasformare i dati video in un formato che possa essere trasmesso online, è necessario un codificatore hardware o un software di codifica. Avrete anche bisogno di un codificatore per apportare qualsiasi modifica (come l’uso dei terzi inferiori) ai vostri contenuti.

come trasmettere video in diretta sul vostro sito webI software di codifica sono disponibili in versioni gratuite e open-source, ma anche in versioni premium e professionali a pagamento. I migliori codificatori (come Wirecast Pro e VidBlasterX) dispongono di numerose funzioni per abbellire un video e dargli un aspetto professionale e di qualità.

I codificatori hardware sono generalmente più portatili del software di codifica. Tuttavia, gli encoder hardware sono anche più costosi. Le emittenti li utilizzano spesso per lo streaming da siti remoti o in situazioni in cui il trasporto di un computer non è pratico. Il Teradek VidiU Mini (nella foto sopra) è un’ottima opzione per questo tipo di situazioni. Lo consideriamo uno degli encoder hardware più portatili sul mercato.

Per molte emittenti, il software di codifica è l’opzione più conveniente e facile da usare. La piattaforma video online Dacast, ad esempio, ospita molte emittenti che utilizzano Wirecast Pro con successo e senza problemi. In generale, vi consigliamo di considerare le opzioni e di prendere la decisione giusta per i vostri obiettivi di streaming.

Connessione a Internet e piattaforma di streaming

Per trasmettere video in diretta, è necessaria anche una connessione Internet affidabile. In generale, è necessaria una velocità di connessione almeno doppia rispetto alla velocità di upload (non di download). Inoltre, desiderate un servizio Internet che non sia soggetto a fluttuazioni o a tempi di inattività imprevedibili. Per la maggior parte delle trasmissioni, la soluzione migliore è una connessione Internet via cavo o DSL ad alta velocità. Quando questo non è possibile, è possibile che dobbiate affidarvi alle connessioni wireless. Con la più avanzata generazione di smartphone, un hot-spot mobile può essere una soluzione ideale, a condizione che il servizio sia illimitato. Come regola generale, si dovrebbero avere a disposizione almeno due Mbps. I migliori hot-spot mobili offrono fino a sei Mbps.

come trasmettere video in diretta sul vostro sito webAvrete anche bisogno di una piattaforma di streaming per distribuire i vostri contenuti video ai vostri spettatori. La piattaforma gratuita più popolare è ovviamente YouTube. Tuttavia, YouTube funziona meglio per i video on-demand preregistrati. Per molte ragioni, tra cui la professionalità, il supporto tecnico e la proprietà dei propri contenuti, le piattaforme gratuite non sono la scelta migliore per il live streaming.

Per la maggior parte delle trasmissioni in diretta, la scelta migliore è un servizio white-label tramite un servizio di live streaming dedicato. Le piattaforme di streaming video di livello professionale (come Dacast, Livestream e Ustream) offrono una serie di pacchetti che possono variare notevolmente. La maggior parte offre un pacchetto gratuito di base (a volte pagato da annunci pubblicitari). I pacchetti a pagamento offrono maggiore larghezza di banda, ore di visualizzazione e capacità di archiviazione. Dovete considerare attentamente le vostre esigenze di trasmissione e i pacchetti di ciascuna piattaforma per decidere quale sia la migliore per voi. Consigliamo vivamente di approfittare delle prove gratuite offerte da alcune piattaforme. La prova gratuita di Dacast, ad esempio, consente di testare personalmente la maggior parte delle funzioni prima di impegnarsi.

Il servizio di streaming consente di caricare contenuti video correttamente formattati, compresi quelli in diretta, sul sito web dell’host. Questo è utile, ma è solo il primo passo. In questa guida su come trasmettere video in diretta sul vostro sito web, vediamo come incorporare il vostro flusso video in un sito web che gestite voi stessi.

Copiare i codici incorporati

La vostra soluzione di streaming (ad esempio Dacast) crea codici embed che collegano al vostro flusso video. Questa funzione consente agli spettatori di vedere i vostri contenuti attraverso altri siti online. In sostanza, i codici creano una connessione tra il vostro sito e la pagina dell’host di streaming. In questo modo i visitatori del vostro sito web possono visualizzare il flusso video senza problemi, come se fosse pubblicato direttamente sul vostro sito. Un altro vantaggio di questo approccio è che si mantiene il controllo sui contenuti e sull’estetica del sito.

Ogni servizio ha una procedura leggermente diversa per trovare e copiare i codici embed. In generale, sono abbastanza facili da usare. Con Dacast, fare clic sul menu a discesa della dashboard e scegliere “Opzioni di pubblicazione”. Viene visualizzato un sottomenu di opzioni di incorporamento. Da qui è possibile scegliere due diversi formati per i codici: JavaScript o iFrames.

come trasmettere video in diretta al vostro sito web

iFrames è la scelta più compatibile e la procedura più semplice. Gli iFrame funzionano con un’ampia gamma di servizi, tra cui WordPress. Tuttavia, gli iFrame non funzionano con alcune funzioni, come le restrizioni sui referrer dei siti web, che aiutano a bloccare i contenuti a un sito web specifico. Anche la funzione a schermo intero potrebbe non funzionare, così come la riproduzione non è reattiva. Dal punto di vista delle funzionalità, il codice JS è nettamente superiore, a patto che il framework del vostro sito web lo supporti.

Oltre a queste opzioni, è possibile copiare un codice embed separato per collegare i contenuti direttamente a Facebook e Twitter.

Una volta selezionato il formato preferito, il codice embed appare già evidenziato in una casella di testo. Da qui, potete facilmente copiare-incollare il codice direttamente sul vostro sito web.

Incorporazione nel sito web

Ci sei quasi! Siamo giunti all’ultimo passo del tutorial su come trasmettere video in diretta sul vostro sito web.

Ora potete incollare il codice embed direttamente nel codice HTML del vostro sito web. A seconda degli strumenti di formattazione utilizzati per creare la pagina, la procedura può variare leggermente.

Con WordPress, andate in visualizzazione testo e inserite un’interruzione di paragrafo nel punto in cui volete che appaia il video. Incollare lì i codici embed copiati. È così semplice! Tornare alla visualizzazione per vedere la finestra video (più o meno) come appare nella pagina finita. Per una visualizzazione più accurata, fare clic sul pulsante Anteprima.

Potete trovare maggiori dettagli su come incollare i codici embed in questo articolo su come fare live streaming su WordPress. Inoltre, è possibile accedere a informazioni più dettagliate sull’incorporazione in questo articolo su come incorporare i video nel proprio sito web.

Esercitazione video sullo streaming in diretta

Per rivedere tutti questi passaggi, vi invitiamo a guardare il seguente video su come trasmettere video in diretta sul vostro sito web con l’encoder OBS.

Ultimo, ma non meno importante…

Oltre a impostare i codici per incorporare il flusso video nel vostro sito web, vi consigliamo di prestare attenzione anche al design della pagina stessa. Idealmente, il video dovrebbe essere l’unico protagonista della pagina. In genere non si vuole ingombrare la pagina con altri contenuti (soprattutto immagini) se non quelli a supporto del video stesso. Tuttavia, è bene includere i link per le azioni successive che gli spettatori possono intraprendere. Tra questi, l’iscrizione a una mailing list e una finestra di chat o una casella di commento per incoraggiare l’interazione con gli spettatori.

Il processo di incorporazione del flusso video è abbastanza semplice. Detto questo, è bene monitorare il risultato in tempo reale per risolvere sul posto eventuali problemi che si manifestano prima dell’inizio della trasmissione. Una volta che tutto è a posto e funziona bene, potete indirizzare gli spettatori al vostro sito web e dare inizio alla trasmissione!

Conclusione

A questo punto, speriamo che abbiate un quadro più chiaro di come trasmettere video in diretta sul vostro sito web, il tutto in pochi semplici passi!

Dopo aver letto questo articolo, speriamo che il processo di trasmissione di video in diretta sul vostro sito web vi sembri chiaro e accessibile. Ci piacerebbe sentire il parere dei nostri lettori, quindi fateci sapere cosa ne pensate nella sezione commenti qui sotto. Per ricevere regolarmente consigli sul live streaming e offerte esclusive, vi invitiamo anche a unirvi al nostro
gruppo LinkedIn
.

Infine, se non siete ancora clienti Dacast, perché non provare la nostra prova gratuita di 14 giorni (senza carta di credito)? Fate clic sul pulsante sottostante per creare il vostro account gratuito oggi stesso!

Iniziare gratuitamente

Grazie per la lettura e, come sempre, in bocca al lupo per le vostre trasmissioni!

Di Max Wilbert.

Fanny Elise Lagarde

Fanny Elise was a part of the Dacast engineering team, and with her technical knowledge, helped the marketing team to engage readers with streaming content.