Como incorporar RTSP em HTML5

Aqui está como você pode incorporar RTSP em HTML5

I. Abra o VLC e selecione "Open Network Stream" através do menu Media.

II. Insira sua câmera IP's RTSP string (credenciais incluídas) i.ertsp://test:[email protected]:554/cam/realmonitor?channel=1&subtype=1 que seria para a minha câmera IP.

III. Clique na seta para baixo ao lado do botão Play e selecione "Stream".

IV. Para o destino defina-o para "HTTP" e depois seleccione "ADD". No campo porta é onde você pode definir qual porta VLC usa para transmitir o vídeo. Neste exemplo eu usei 8080. O caminho que você pode deixar como "/".

V. Marque a caixa para Activate Transcoding e defina o perfil para "Video - Theora + Vorbis (OGG).

VI. Clique no ícone Chave de fendas + chave de fendas, defina o encapsulamento para Ogg/Ogm, o codec de vídeo para "Theora" e depois defina a taxa de bits para o que você quer transmitir o stream para o seu site em (para o que vale, eu simplesmente uso a mesma taxa de bits em que eu estou tendo o stream da câmera. Além disso, você também pode definir seu framerate

VII. Usando a sub aba "Resolution" você pode usar "Auto" para escala, largura e altura. Você pode desativar o codec de áudio se sua câmera não tiver um microfone ou não quiser transmitir o áudio, e desativar as legendas. Finalmente clique em "Save" e depois em "Next".

VIII. Marque a caixa "Stream all elementary streams" e depois clique em "Stream". Tenha em mente que VLC irá mostrar uma caixa preta onde o vídeo normalmente seria o pretendido. Você deve ver o temporizador do vídeo movendo-se logo acima do botão Pause/Play.

IX. Depois largue este código na sua página:

Um dos meus é o seguinte:

X. Carregue a sua página web para ver como é o vídeo. Não se preocupe se você vir o que parece ser uma tela verde. Basta atualizar a página a cada 5 segundos ou mais para forçar a página a atualizar o fluxo. Isso é comum no RTSP video transport.

Para resumir, você está transformando seu PC em um transcodificador por meio de VLC para cuspir o vídeo RTSP que é HTML5 amigável.