Como transmitir imagem de DVR na página do seu site

Tenho visto muitas pessoas perguntando, como colocar as imagens do DVR para aparecerem, ao vivo, na página inicial do site. Usando o protocolo RTSP, nós podemos fazer isso de uma maneira muito fácil.

A primeira coisa, a se fazer, é verificar se seu equipamento suporta o protocolo RTSP, para isso basta procurar a opção “porta RTSP”. Normalmente você vai achar essa opção nas configurações de rede ou serviços. A numeração padrão para essa porta é 554, mas isso não impede que você mude esse valor.


Depois de verificar a porta RTSP, você vai direciona-la no seu modem/roteador do mesmo jeito que faria para o acesso remoto. Agora, antes de colocar o código na pagina, você precisa saber o link RTSP para o seu equipamento. No exemplo eu vou usar da Luxvision, para saber os outros endereços RTSP clique aqui.

Endereço RTSP Luxvision: rtsp://ip:554/user=usuário&password=senha&channel=canal&stream=0.sdp

As partes destacadas do link são as que você terá que alterar. Em IP você coloca o IP ou domínio, e se você alterou a porta RTSP vai trocar 554 pela porta nova; Usuário e senha você vai mudar pela que você usa para acessar seu equipamento; Canal é a câmera que quer transmitir, por exemplo, câmera 2 fica “channel=2”; stream é o tipo de transmição, veja a definição abaixo.

Stream=0 [main stream]
Stream=1 [sub stream]

A sistema que vai mostrar as imagens na sua pagina consiste de um código, que irá executar o plugin do VLC. Então para que o visitante veja as imagens, ele tem que ter o VLC media player instalado.

Cole o código, a seguir, no local que você quer que as imagens apareçam:

 <OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"  
    codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"  
    width="640" height="480" id="vlc" events="True">  
   <param name="Src" value="rtsp://ip:554/user=usuário&password=senha&channel=1&stream=0.sdp" />  
   <param name="ShowDisplay" value="True" />  
   <param name="AutoLoop" value="False" />  
   <param name="AutoPlay" value="True" />  
   <embed id="vlcEmb" type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" width="640" height="480"  
    target="rtsp://ip:554/user=usuário&password=senha&channel=1&stream=0.sdp" ></embed>  
 </OBJECT>

Depois de tudo feito, vai ficar como na imagem abaixo.

Artigos Relacionados

Baixar vídeos do YouTube (mais explicado) Um colega me pediu para explicar melhor o texto que eu escrevi, o de como baixar vídeo do YouTube. Resolvi explicar aqui, no blog. Então vamos lá: O ...
Fire Free Screensaver Dando uma olhada no WinAjuda encontrei um ótimo screensavers (protetor de tela), o Fire Free Screensaver. Ele simula o fogo consumindo seu desktop. A ...
Encontro virtual – isso nunca da em boa cois... Para fugir do tédio que era seu casamento, Adnan de 32 anos, começa a entrar em salas de bate-papo, com o apelido "Prince of Joy". Logo "Prince of Joy...
Revista Aprendiz de Hacker – Janeiro de 2008 Edição: 6 Tamanho: 22 MB Principais assuntos dessa edição: Hackeando as senhas do Windows e do Linux. Pharming: Redirecionando para páginas fal...

37 Comments

  1. Unknown

    Não Estou conseguindo colocar as imagens ao vivo, fiz tudo como voce explicou e nada.
    parece ser problema com plug-in ou navegador, tem mais alguma dica pra me ajudar.
    Muito Obrigado,

    Reply
  2. Cardoso (Post author)

    Qual é o fabricante e modelo do DVR?

    Se puder, coloca o código com suas alterações em uma página, e me manda o endereço para ver se funciona aqui, e ver o que pode estar de errado.

    Se não quiser colocar o endereço nos comentários, manda para esse e-mail: contato@interside.org

    Reply
  3. SDL Mion

    ola, tentei fazer como vc falou mas nao esta dando certo, vc pode me dar uma ajuda?? eu abri a porta no meu router, mas nao sei se estou fazendo direito… vou madar um email pra vc.

    Reply
  4. Cardoso (Post author)

    Bom dia,

    Mion, para fazer o que é explicado nesse post o acesso remoto já tem que estar funcionando.
    Dá uma olhada em como configurar o acesso remoto, nos dois links abaixo, e depois que o acesso externo estiver funcionado você tenta novamente a configuração para transmitir as imagens no seu site.

    Tutorial – Configurando acesso remoto em stand-alone (DVR): http://www.interside.org/2013/10/configurando-acesso-remoto-em-stand.html

    Apostila – Configuração De Acesso Remoto: http://forum.interside.org/showthread.php?tid=2

    Reply
  5. bernardes

    Boa tarde, o acesso as câmeras só pode ser visualizadas uma de cada vez ou é possível abrir todos ao mesmo tempo ?
    Obrigado pelas orientações já postadas !

    Reply
    1. Cardoso (Post author)

      Bom dia,

      O endereço RTSP só abre uma câmera, mas você pode diminuir o quadrado que aparece a câmera, no código, e colocar as câmeras uma do lado da outra. É só colocar o código um do lado do outro, cada uma com o endereço de uma das câmeras.

      Espero ter ajudado. qualquer dúvida entre em contato novamente.

      Reply
  6. Anônimo

    ola, o vídeo ou streaming não abre no Android.
    da erro de plugin não compativel, ok deve ser feito?

    Reply
    1. Cardoso (Post author)

      Boa noite,

      No método ensinado nesse post é usando o plugin do VLC, e o sistema Android não é compatível.

      Reply
    2. Anônimo

      ok, obrigado M.A Cardoso. Vc poderia me indicar um caminho para que pudesse abrir no celular android por exemplo.

      Reply
    3. Cardoso (Post author)

      Você pode usar um serviço de streaming. Um que você pode usar é o https://ipcamlive.com/

      Reply
  7. dayverton marques

    Boa tarde, a imagem já esta funcionando aqui.
    Queria saber se tem como colocar o áudio também.

    Reply
    1. Cardoso (Post author)

      Boa tarde,

      No seu DVR tem áudio no canal que você quer mostrar?

      Reply
  8. Idelson

    Cardoso, fiz aqui com um DVR by china, funciona 100% lembro que fiz somente no VLC Player, ainda não coloquei na pagina web.

    Comando na rede local: rtsp://192.168.1.11:554/user=ips&password=12345&amp;
    channel=1&stream=0.sdp

    Obrigado pela dica e parabéns.

    Reply
  9. Mauro Braga

    Oi cardoso nesse Método seria possivel criar usuários diferentes para acessar as cameras pois o dvr só permite no máximo 15 usuários simultaneos, minha ideia era saber se a pagina controla-se a entrada e saida dos usuários do dvr pois é limitado , sendo possivel a pagina teria limite de usuarios?

    Reply
    1. Cardoso (Post author)

      Bom dia,

      Sim, tem como criar usuários diferentes, mas se o DVR lumitar o número de acessos a imagem da câmera na página vai ser limitada sim.
      Nesse caso o melhor é usar um serviço de stream para câmeras; tem alguns gratuitos, como o IPCam Live.

      Reply
      1. Fabricio Nascimento

        Não está funcionando em nenhum dos navegadores que tenho!

        Reply
        1. Cardoso (Post author)

          Boa tarde,

          Você instalou o plugin VLC nos navegadores?

          Qual é o sistema operacional que está usando?

          Reply
  10. Fabricio

    Boa noite, estou tentando utilizar esse método no hikvision, mas não tive sucesso!
    acho que não entendi bem o
    rtsp://usuário:senha@ip:porta/Streaming/Channels/102

    onde ta usuario eu apago e coloco o usuario do dvr né?
    você poderia traduzir pra mim onde ponho os dados do dvr?
    esse /102 eu deixo ou faço oque?

    nos testes que fiz não funcionou!

    obrigado!

    Reply
    1. Cardoso (Post author)

      Boa tarde,

      Usuário: Usuário que você usa no DVR.
      Senha: Senha que usa no DVR.
      IP: Endereço IP ou domínio do seu DVR.
      Porta: Se você não alterou, é a porta padrão 554.

      O resto não altera para o primeiro teste. Depois que estiver funcionando, você pode mudar o canal. Por exemplo, canal 2 é /202, canal 3 é /302.

      Exemplo do endereço completo.
      rtsp://admin:12345@192.168.1.150:554/Streaming/Channels/102

      Qualquer dúvida entre em contato novamente.

      Reply
  11. Matthew

    I’ve looking for this for 30 hours!!! U made my day dude, thanks a lot, IT IS working!

    Reply
  12. cassio

    Boa noite como faço no dvr da jfl 4216 ..obrigado

    Reply
    1. Cardoso (Post author)

      Boa tarde,

      Me manda uma foto da frente do DVR, uma foto da tela de login e uma foto da página de login, pelo formulário no link abaixo.

      http://www.interside.org/contato-imagem

      Reply
  13. Luciano

    Então, esse link do vlc não está funcionando, tem alum outro jeito de fazer funcionar.

    Reply
  14. Jhonatas

    Doutor, gostaria de fazer a câmera transmitir via rtsp para rodar em uma pagina html será que consigo? entendo que teria de usar o vlc + mozila, consegue me ajudar com isso. o streaming da câmera seria nesse endereço

    rstp://admin:12345@192.168.8.84:80/mediainput/h264

    Reply
  15. elaine

    ola amigo eu tenho uma radio web dvr hikvision 4 canais c/ hd 500 gb mais cameras vhd com leed da pa rara fazer transmissão ao vivo sera que com isso eu consigo transmitir em tempo real no face

    Reply
    1. Marcos Cardoso (Post author)

      Bom dia,

      Não sei se vai funcionar no Facebook, acredito que eles bloqueiam scripts postos por usuários.

      Reply
  16. Mario Batistella

    Bom dia, Cardoso!
    Da pra fazer com TecVoz T1-TVI16 ?

    Reply
    1. Marcos Cardoso (Post author)

      Bom dia,

      Sim, com o endereço abaixo.

      rtsp://usuario:senha@ip:554/h264/ch1/main/av_stream

      Reply
  17. Selk Santos

    Olá Cardoso tenho um DVR intebras HDCVI e queria disponibilizar em meu site,

    tem alguma solução???
    um amigo me disse que teria que pedir o SDK para Intebras para poder conseguir realizar essa interassão.

    Reply
    1. Marcos Cardoso (Post author)

      Bom dia,

      Verifica se você consegue visualizar as imagens no VLC, usando o endereço abaixo.

      rtsp://usuário:senha@ip:porta/cam/realmonitor?channel=1&subtype=0

      Reply
  18. Rafael Silva

    9Bom noite! Marcos

    Conseguir fazer no VLC e rodou legal mas no navegador da este plugin não e compatível (fazendo pelo chrome), você poderia me ajudar?

    rtsp://admin:123456@192.168.0.50:554/Streaming/Channels/102 (acesso interno)

    Reply
    1. Marcos Cardoso (Post author)

      Você instalou o plugin do VLC para Chrome?

      Reply
  19. Jose Medina

    Show de bola nessa url do post, consegui pegar a imagem de um dvr e jogar no Vmix, valeu.

    Reply
  20. Marcos Paulo

    Ola.. eu testei com dvr intelbras e funcionou, mas só pelo internet explorer.

    como faço para que funcione no chrome???

    obrigado

    Reply
    1. Marcos Cardoso (Post author)

      Boa noite,

      Você tem que instalar o plugin do VLC no Chrome.

      Reply
  21. Marcos Paulo

    ahhh.. e complementando, sera que consigo algum plugin que funcione nos smartphones??

    algo para acesso mobile..

    Obrigado..

    Reply
    1. Marcos Cardoso (Post author)

      Eu também pensei em fazer isso; estava querendo usar o MX Player, mas ainda não tentei encontrar um modo de clicar em um link na página e abrir automaticamente no MX Player a imagem da câmera.

      Reply

Leave a Comment

O seu endereço de email não será publicado. Campos obrigatórios marcados com *