Como insertar una cámara IP en un sitio web (con software gratis)

En este artículo, muestro cómo transmitir una cámara IP a un sitio web a través de WebRTC.

Puede usar software gratuito para convertir su computadora en un servidor que extrae un flujo de video de su cámara IP y lo cambia a WebRTC, haciendo que el video se pueda reproducir en la mayoría de los navegadores web como Google Chrome y otros.

cámara IP en un sitio web

Probé este tipo de tecnología usando una cámara IP de Samsung y el software Unreal Media Server para transmitir video a mi blog y otros sitios web.

Uso de la tecnología WebRTC con cámaras IP

A veces, ver video en vivo desde su cámara IP es un poco complicado porque es necesario usar un navegador web compatible e instalar complementos o instalar software compatible proporcionado por el fabricante de la cámara.

Afortunadamente, la tecnología WebRTC minimiza este problema utilizando capacidades de comunicación en tiempo real para transmitir video, voz y datos.

Solo necesita usar su navegador para reproducir el video desde su cámara IP.

De RTSP para WebRTC

Las cámaras IP profesionales utilizan el protocolo RTSP para transmitir video a diferentes plataformas. Puede utilizar un servidor de medios para convertir el RTSP a WebRTC.

Cámara IP envia video para convertir para WebRTC

Puede utilizar este tipo de configuración para transmitir el video desde su cámara IP a un navegador web en su red local o un sitio web remoto en Internet.

Hay un paso adicional para enviar el video a Internet, pero eso no es complicado.

Si tiene el servidor WebRTC funcionando en su red local, el siguiente paso es configurar su enrutador para el reenvío de puertos, lo que significa que el enrutador debe aceptar una solicitud de Internet para ingresar a su red local.

Cámara envia- ideo para convertir para WebRTC y para sitio web

Y ese es el flujo. La cámara IP envía video al servidor (software gratuito), que convierte de RTSP a WebRTC y envía la transmisión de video a Internet a través del enrutador. No se preocupe; aprenderás a hacer eso en un tiempo ...

Software gratuito WebRTC

Es hora de ver paso a paso cómo usar el software para trabajar con la tecnología WebRTC, y la mejor parte es que puede hacerlo sin gastar un centavo.

1. Descargue el Unreal Media Server

Descargar

2. Instale el software

Unteal Media Server - Instalación 01
Unteal Media Server - Instalación 02
Unteal Media Server - Instalación 03
Unteal Media Server - Instalación 04
Unteal Media Server - Instalación 05
Unteal Media Server - Instalación 06

3. Cree una retransmisión. Haga clic en "Retransmitir en vivo RTM / RTSP / WebRTC / MPEG-TS / HSL.MMS stream"

Unteal Media Server New Live Broadcast
Unteal Media Server New Broadcast Rebroadcast

4. Ingrese la URL de IP RTSP, el nombre de usuario y la contraseña y especifique un alias (nombre) para esta transmisión, como "Samsung" y luego haga clic en el botón "Aceptar".

Unteal Media Server New Broadcast Rebroadcast Samsung profile 2

5. Copie el código para reproducir el video. Abra la página web de demostración Unreal Media WebRTC. Haga clic en CTRL + S y guarde esta página web solo como HTML. Abra esa página HTML en el Bloc de notas u otro editor y navegue hasta la línea 44. Reemplace "104.194.11.25" con la dirección IP de su computadora, "livedemocam" con el alias que usó (es decir, "Samsung") y el puerto 80 con 5119. Guárdelo Página HTML. Abra esa página web en un navegador web. Debería ver la reproducción de video en vivo.

Unteal Media Server HTML

 haga clic para agrandar

Y esta hecho.

Guarde este archivo con la extensión .html para poder abrirlo en un navegador web.

Ahora debe probarlo y luego pasar al siguiente paso para verlo en un sitio web.

Pruebe la transmisión WebRTC en su red

Ahora, está listo para probar la transmisión de su cámara IP a través de WebRTC.

El siguiente diagrama muestra cómo funciona. El servidor está listo para transmitir video tan pronto como la computadora portátil (cliente) ejecute el archivo .html creado en el paso anterior.

Cámara envia video para laptop

El navegador web de la computadora portátil solicita una conexión al servidor en el puerto 5119 para la cámara con el alias "Samsung".

La siguiente imagen muestra la imagen que obtuve en mi navegador web.

WebRTC - Video de la cámara

Ahora sé que está funcionando localmente, y el siguiente paso es cambiar el archivo para que funcione con la dirección IP externa del enrutador. Veamos cómo hacer eso.

Pruebe la transmisión WebRTC a través de Internet

Bien, ahora es el momento de transmitir el video desde la cámara IP a Internet.

Este proceso se puede realizar con 3 sencillos pasos.

  1. Edite el archivo .html para usar la IP externa;
  2. Cree nuevas reglas en el firewall de Windows;
  3. Configure su enrutador para el reenvío de puertos.

No se preocupe; Esto no es complicado.

Edite el archivo .html

Simplemente averigüe qué es el enrutador y utilícelo en el archivo .html.

Unteal Media Server - HTML

Sabes cómo encontrar la dirección IP externa del enrutador, ¿verdad?

Esta información está disponible en el enrutador, o puede usar el sitio web de IPChicken para mostrar cuál es la IP que está usando en un momento dado.

Abra los puertos en el firewall de Windows

Inicie el Firewall de Windows y cree nuevas reglas para los puertos 5119 y 5135.

Vea la imagen a continuación.

Unteal Media Server Windows Firewall

( haga clic para agrandar )

Configurar el reenvío de puertos en el enrutador

Inicie sesión en su enrutador y cree reglas para reenviar el tráfico a los puertos 5119 y 5135. Las solicitudes deben redirigirse a la IP del servidor.

Router WebRTC - Reglas

 haga clic para agrandar

Y esta hecho.

Dependiendo del modelo de su enrutador, el menú de reenvío de puertos debe estar en un lugar diferente, pero la idea es crear las reglas, como se muestra en la imagen.

Ahora, obtenga una segunda computadora, una computadora portátil o un teléfono móvil que esté conectado a Internet y abra el archivo .html en un navegador web.

Debería ver el video en vivo de su cámara a través de Internet.

WebRTC Video en el sitio web

Ahora, veamos cómo transmitir una cámara IP a un sitio web.

Cómo transmitir la cámara IP RTSP al sitio web a través de WebRTC o Websockets

Y ahora el último paso. Puede tener el archivo .html en su sitio web.

Simplemente cargue el archivo que ha creado antes en su sitio o blog y use la URL para cargar el video desde su cámara IP como se muestra en la imagen a continuación.

Learn CCTV Blog with live camera

Puede colocar el código HTML en diferentes partes de su sitio web y modificarlo para que se vea mejor, como acabo de hacer en mi blog.

Conclusión

Ahora sabe cómo transmitir una cámara IP a un sitio web a través de WebRTC.

En este artículo, muestro ejemplos básicos del uso de esta tecnología, pero hay mucho más

Te recomiendo que descargues el servidor multimedia y juegues con todas las funciones.

Espero que este artículo pueda ayudarte; Por favor compártelo con tus amigos.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *