Neste artigo, mostro como transmitir uma câmera IP para um site via WebRTC.
Você pode usar software gratuito para converter seu computador em um servidor de mídia que puxa um fluxo de vídeo de sua câmera IP e o altera para WebRTC, tornando o vídeo reproduzível na maioria dos navegadores da Web, como Google Chrome e outros.
Testei esse tipo de tecnologia usando uma câmera Samsung IP e o software Unreal Media Server para transmitir vídeo para meu blog e outros sites.
Usando WebRTC com câmeras IP
Às vezes, assistir a vídeos ao vivo de sua câmera IP é um pouco complicado porque é necessário usar um navegador compatível e instalar plug-ins ou instalar software compatível fornecido pelo fabricante da câmera.
Felizmente, a tecnologia WebRTC minimiza esse problema usando recursos de comunicação em tempo real padrão para transmitir vídeo, voz e dados.
Você só precisa usar seu navegador para reproduzir o vídeo de sua câmera IP.
De RTSP para WebRTC
As câmeras IP profissionais usam o protocolo RTSP para transmitir vídeo para diferentes plataformas. Você pode usar um servidor de mídia para converter o RTSP em WebRTC.
Você pode usar este tipo de configuração para transmitir o vídeo de sua câmera IP para um navegador da web em sua rede local ou um site remoto na Internet.
Há uma etapa extra para enviar o vídeo para a Internet, mas isso não é complicado.
Se você tiver o servidor de mídia WebRTC funcionando em sua rede local, a próxima etapa é configurar seu roteador para encaminhamento de porta, o que significa que o roteador deve aceitar uma solicitação da Internet para entrar em sua rede local.
Essa é a lógica. A câmera IP envia vídeo para o servidor de mídia (software gratuito), que converte de RTSP em WebRTC e envia o fluxo de vídeo para a Internet passando pelo roteador. Não se preocupe; você aprenderá a fazer isso em breve ...
WebRTC free software
É hora de ver o passo a passo de como usar o software para trabalhar com a tecnologia WebRTC, e a melhor parte é que você pode fazer isso sem gastar um centavo.
1. Baixe o Unreal Media Server
2. Instale o software
3. Crie um rebroadcast. Clique em "Rebroacast live RTM/RTSP/WebRTC/MPEG-TS/HSL.MMS stream"
4. Insira a URL IP RTSP, nome de usuário e senha e especifique um alias (nome) para esta transmissão, como "Samsung" e clique no botão "OK".
5. Copie o código para reproduzir o vídeo. Abra a página de demonstração Unreal Media WebRTC. Clique em CTRL + S e salve esta página da web apenas como HTML. Abra essa página HTML no bloco de notas ou outro editor e navegue até a linha 44. Substitua "104.194.11.25" pelo endereço IP do seu computador, "livedemocam" pelo alias que você usou (ou seja, "Samsung") e porta 80 por 5119. Salve a página HTML. Abra essa página em um navegador e verá o vídeo ao vivo.
( clique para ampliar )
E está finalizado.
Salve o arquivo com extensão .html para que você possa abri-lo em um navegador.
Agora você precisa testá-lo e passar para a próxima etapa para ver em um site.
Teste o vídeo via WebRTC na sua rede
Agora, você está pronto para testar o fluxo de sua câmera IP via WebRTC.
O diagrama abaixo mostra como funciona. O servidor de mídia está pronto para transmitir vídeo assim que o laptop (cliente) executa o arquivo .html criado na etapa anterior.
O navegador no laptop solicita uma conexão ao servidor de mídia na porta 5119 para a câmera com o pseudônimo "Samsung".
A imagem abaixo mostra a imagem que obtive no meu navegador. Muito legal, né?
Agora que está trabalhando localmente, a próxima etapa é alterar o arquivo para funcionar com o endereço IP externo do roteador. Vamos ver como fazer isso.
Teste o fluxo WebRTC pela Internet
OK, agora é hora de transmitir o vídeo da câmera IP para a Internet.
Este processo pode ser realizado em 3 etapas simples.
- Edite o arquivo .html para usar o IP externo;
- Crie novas regras no firewall do Windows;
- Configure seu roteador para encaminhamento de porta.
Não se preocupe; isso não é nehum "bicho de sete cabeças".
Edit o arquivo .html
Descubra qual é o IP do roteador e use-o no arquivo .html.
Você sabe como encontrar o endereço IP externo do roteador, certo?
Essas informações estão disponíveis no roteador, ou você pode usar o site do IPChicken para mostrar qual o IP que você está usando no momento.
Abra as portas no firewall do Windows
Inicie o Firewall do Windows e crie novas regras para as portas 5119 e 5135.
Veja a foto abaixo.
( clique para ampliar )
Configure o encaminhamento de porta no roteador
Faça login em seu roteador e crie regras para encaminhar o tráfego para as portas 5119 e 5135. As solicitações devem ser redirecionadas para o IP do Media Server.
( clique para ampliar )
E pronto.
Dependendo do modelo do seu roteador, o menu de encaminhamento de portas deve ficar em um local diferente, mas a ideia é criar as regras, como mostra a figura.
Agora, pegue um segundo computador, um laptop ou um telefone celular conectado à Internet e abra o arquivo .html em um navegador como o Google Chrome.
Você deve ver o vídeo ao vivo de sua câmera pela Internet.
Agora, vamos ver como transmitir uma câmera IP para um site.
Como transmitir uma câmera RTSP IP para um site via WebRTC ou Websockets
E agora para a última etapa. Você pode ter o arquivo .html em seu site.
Basta enviar o arquivo que você criou antes para o seu site ou blog e usar a URL para carregar o vídeo da sua câmera IP conforme mostrado na imagem abaixo.
Você pode colocar o código HTML em diferentes partes do seu site e ajustá-lo para ter uma aparência melhor, como acabei de fazer no meu blog.
Conclusão
Agora você sabe como transmitir uma câmera IP para um site via WebRTC.
Neste artigo, mostro exemplos básicos de como usar essa tecnologia, mas há muito mais "nos bastidores".
Eu recomendo que você baixe o servidor de mídia e brinque com todos os recursos.
Espero que este artigo possa ajudá-lo; por favor, compartilhe com seus amigos.
