Convierte una transmisión de cámara IP en un código web en vivo y embebible, para que pueda usarse en tus tableros IoT.
Este plugin cuesta 18 dólares al mes, y funciona para una sola cámara IP. Si deseas gestionar varias cámaras, crea un plugin para cada una. |
Requisitos
Una licencia activa de Ubidots pagada.
Una cámara en línea transmitiendo video en vivo en protocolo RTSP, RTMP o MJPEG, accesible desde Internet a través de un enlace público.
Consulta cámaras compatibles.
1. ¿Por qué convertir transmisiones de cámaras IP a HTML?
Las transmisiones de cámaras IP son servidas directamente por el hardware de la cámara, en redes locales, lo que hace difícil incrustar el video en sitios web externos.
Las cámaras IP pueden servir a un número limitado de espectadores concurrentes.
Las cámaras IP vienen con diferentes protocolos (RTSP, RTMP, MJPEG, etc.), lo que hace difícil decodificarlas usando HTML/JavaScript puro directamente desde un widget.
Características del Plugin
Este plugin crea un componente de reproductor de video HTML5 que puede mostrar imagen de video en vivo en los principales navegadores.
Soporta los siguientes protocolos de cámaras IP: RTSP, RTMP, HTTP, ONVIF.
Soporta transmisiones de video MJPEG / MPEG4 / H.264 / H.265.
Hasta transmisiones de video en resolución 4K UHD.
Sirve a miles de espectadores simultáneamente.
2. ¿Cómo conectar mi cámara?
Cualquier cámara que soporte crear una URL de transmisión pública RTSP, RTMP o MJPEG funcionará. Aquí hay algunos tutoriales sobre cómo obtener tu URL de transmisión de cámara para marcas específicas:
3. Creando un plugin de Transmisión de Cámara IP
3.1. Entradas
URL de la cámara IP: URL de transmisión de video RTSP/RTSPS/RTMP/RTMPS/HTTP. Por ejemplo:
rtsp://user:pass@mydomain.com:554/h264Token: Asigna un token de Ubidots a tu plugin.
¡¡VERIFICA LA URL DE TRANSMISIÓN DE TU CÁMARA ANTES DE USARLA!!
Esto se puede hacer con VLC player o una herramienta similar. Si no puedes ver el video en vivo usando la URL pública de tu cámara IP, entonces este plugin tampoco podrá verlo. |
3.2. Salidas
Se creará una URL para la transmisión de tu cámara y se escribirá en la descripción del plugin:
Ahora puedes usar esta URL, junto con un widget de Canvas HTML y un iframe HTML. Solo usa el alias de tu cámara en el siguiente iframe HTML en tu widget de Canvas HTML:
<iframe src= "https://g3.ipcamlive.com/player/player.php?alias=<YOUR-CAMERA-ALIAS>" width="800px" height="600px" frameborder="0" allowfullscreen> </iframe>
NOTA: ¡No olvides ajustar la altura del iframe según la **relación de aspecto** de tu cámara!
Aquí hay un ejemplo del resultado final:
