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.

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.

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.

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

2. Instale el software

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

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

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.

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.

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.

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

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.

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.

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.

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.

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.