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

Cardoso 78 comentários , , ,

Tempo de leitura: menos de 1 minuto

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.

portaRTSPHikvision
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

78 comentários


  2. Ola Cardoso! Sabe me informar o endereço RTSP do DVR chinês Hisseu? Ja chequei e possui essa configuração com SO Linux.
    Devo configurar o RTSP no DVR e roteador também ou somente portas neste?
    Fico grato se me ajudar.

    Responder

    1. Bom dia,

      Me manda uma foto da tela de login e uma foto da página de login pelo navegador, para identificar o sistema que o seu DVR usa.

      No modem/roteador, você tem que direcionar a porta RTSP que por padrão é a 554.

      Responder

  3. Olá Cardoso!
    Esse primeiro quadro(menu rede) é do DVR ou roteador/moden?
    Fico grato.

    Responder

  4. Olá, fiz aparentemente tudo certinho. Consigo visualizar remotamente através do VLC, mas quando coloco o código no site e acesso pelo internet explorer na acontece, só aparece o logo do vlc no centro da tela mas não abre o vídeo.

    Você pode me ajudar?

    Responder

    1. Boa tarde,

      Coloca aqui o código que você usou, sem a senha. E coloca em anexo uma foto dá pagina que aparece o logo do VLC.

      Responder

  5. ola,utilizei o VLC mas ele não mantem a câmera ligada por muito tempo eu consigo faze-la funcionar, mas apos alguns minutos ela simplesmente cai, dai tenho que conectar de novo.
    utilizo uma câmera intelbras, o código utilizado esta funcionando mas fica caindo, tbm utilizei em outro plugin chamado potplayer mas tive o mesmo problema
    pode me ajudar ??

    Responder

      1. não ela funciona normalmente depois cai dai tenho que fazer todo o processo de novo para funcionar as vezes funciona por 10 min 15 min mas a media fica em 5 a 8 min

        Responder

          1. Agradeço sua ajuda.
            Sabe se tem algo haver com o frame da câmera dai plugin não aguenta


  6. Marcos Cardoso,
    tenho os links RTSP das 7 câmeras que preciso publicar em uma pagina de site, ou seja, embed.
    Todos os links estão funcionando normalmente, inclusive no app movel.
    Mas pelo código HTML fornecido no post nao estou conseguindo visualizar a camera, diz que o plugin é incompatível.
    Pode me ajudar?
    Obrigado,

    Responder

  7. hola amigo que tal podrias darme una mano de la marca hikvision es una nvr de 32 canales pero cliente quiere cortar la señal por usuario cada 40 seg para no colapsar la red
    Responder

    1. 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.

      Responder
← Anteriores Página 3 de 4 Próximo →

Deixe um comentário

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