Come incorporare RTSP in HTML5

Ecco come puoi incorporare RTSP in HTML5

I. Aprite VLC e selezionate "Open Network Stream" attraverso il menu Media.

II. Inserisci la tua telecamera IP's RTSP string (credenziali incluse) i.ertsp://test:[email protected]:554/cam/realmonitor?channel=1&subtype=1 che sarebbe per la mia telecamera IP.

III. Fai clic sulla freccia verso il basso accanto al pulsante Play e seleziona "Stream".

IV. Per la destinazione impostala su "HTTP" e poi seleziona "ADD". Nel campo della porta è dove puoi impostare quale porta VLC usa per trasmettere il video. In questo esempio ho usato 8080. Il percorso lo puoi lasciare come "/".

V. Spunta la casella per Activate Transcoding e imposta il profilo su "Video - Theora + Vorbis (OGG).

VI. Clicca l'icona del cacciavite + chiave inglese, imposta l'incapsulamento su Ogg/Ogm, il codec video su "Theora" poi imposta il bitrate a quello con cui vuoi trasmettere il flusso al tuo sito (per quello che vale, io uso semplicemente lo stesso bit rate con cui sto facendo trasmettere il flusso alla telecamera. Inoltre puoi anche impostare il tuo framerate

VII. Usando la sotto scheda "Resolution" puoi usare "Auto" per la scala, la larghezza e l'altezza. Puoi disabilitare il codec audio se la tua telecamera non ha un microfono o non vuoi trasmettere l'audio, e disabilitare i sottotitoli. Infine clicca su "Save" e poi su "Next".

VIII. Spunta la casella "Stream all elementary streams" e poi clicca su "Stream". Tieni presente che VLC mostrerà una scatola nera dove normalmente ci sarebbe il video, il che è voluto. Dovresti vedere il timer del video che si muove appena sopra il pulsante Pause/Play.

IX. Poi inserite questo codice nella vostra pagina:

Uno dei miei è il seguente:

X. Carica la tua pagina web per vedere come appare il video. Non preoccupatevi se vedete quello che sembra uno schermo verde. Basta aggiornare la pagina ogni 5 secondi circa per forzare la pagina ad aggiornare il flusso. Questo è comune con il trasporto video RTSP.

Per riassumere, stai trasformando il tuo PC in un transcodificatore tramite VLC per sputare fuori video RTSP che è HTML5 friendly.