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

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.

78 comentários


  1. Segui as instruções, e dá-me um erro “Este Plugin não é compatível”, assegurei-me que tenho o VLC Media Player e a sua extensão baixados e instalados e continua a dar o mesmo erro.
    Alguém pode ajudar?

    Responder

  2. Olá tem como modificar essa parte do código: ” ”
    para variaveis que possuem os mesmo valores??
    Seria de muita ajuda!!

    Responder

      1. Esta:”rtsp://ip:554/user=usuário&password=senha&channel=canal&stream=0.sdp” eu quero mudar somente os valores de usuario,senha,dns,canal.

        Responder

        1. Boa noite,

          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]

          Responder

          1. No caso, eu troqueie deu crt.Porem, a minha pergunta é se seria possível em vez de digitar esse valores logo no codigo, eu colocasse variáveis nesse locais com os mesmo valores de quando eu digitei diretamente no código?


          2. Boa tarde,

            Entendi. Sim, é possível, mas nessa parte eu não consigo ajudar.


          3. Tem como @Cardoso você me indicar um site,video qualquer coisa que possa me ajudar a resolver isso pois não tenho a minima ideia de como fazer isso?!!!


          4. Boa tarde,

            Infelizmente não tenho. Acredito que para fazer isso tenha que ter um pouco de conhecimento em PHP, JAVA SCRIPT, ou afins.

← Anteriores Página 4 de 4

Responder a Marcos Cardoso Cancelar resposta

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