Cómo crear una transmisión en directo en tu sitio web

Desde la cámara IP y la configuración de red hasta el código de reproductor de vídeo ya preparado

Para una transmisión en directo necesitarás una cámara IP compatible con RTSP y una conexión a internet. Una vez conectada la cámara, rtsp.me generará el código de reproductor ya preparado que podrás colocar en tu sitio web.

A continuación describimos la opción preferida: una conexión directa a través de una IP pública estática. Si no dispones de esa dirección, te propondremos una alternativa.

Prueba tu enlace RTSP
Diagrama de creación de una transmisión en directo: conexión de una cámara IP, configuración del acceso desde internet, adición de la cámara en rtsp.me, obtención del código de reproductor y colocación en tu sitio web
Todo el proceso de un vistazo: la cámara en la red local, la redirección de puertos en el router, la adición del enlace RTSP en rtsp.me y el código de reproductor ya preparado para pegar en tu sitio web.

Qué necesitarás

Antes de empezar, asegúrate de que la cámara está encendida, conectada al router por cable o Wi-Fi, y de que muestra vídeo en la aplicación del fabricante o en tu sistema local de videovigilancia.

Paso 1. Consigue una IP estática

Pregunta a tu proveedor de internet si puedes tener una IP pública estática. La palabra «pública» es la clave: una dirección detrás de CGNAT no permitirá que el servicio se conecte directamente a la cámara.

Una vez configurada, anota la dirección IP externa que se te ha asignado. Se usará en el enlace RTSP en lugar de la dirección local de la cámara.

No publiques en ningún sitio tu usuario, contraseña, dirección IP externa o enlace RTSP. Compártelos solo con el servicio o con un especialista de confianza que realice la configuración.

Paso 2. Localiza la cámara en la red

Averigua el modelo de la cámara y su dirección IP local. Suele tener un aspecto como 192.168.1.100 o 192.168.0.100. Puedes consultar la dirección en la interfaz del router, en la aplicación del fabricante o con una herramienta de descubrimiento de dispositivos.

Anota estos cuatro datos:

  1. el modelo exacto y el fabricante de la cámara;
  2. la dirección IP local de la cámara;
  3. el usuario y la contraseña de la cámara;
  4. el puerto RTSP local, que suele ser 554 por defecto.

Para que la dirección de la cámara no cambie tras un reinicio, resérvala en la configuración DHCP del router o asígnale una dirección permanente según corresponda en tu red.

Paso 3. Configura la redirección de puertos

Pide a tu administrador de sistemas que configure el router para redirigir un puerto TCP externo al puerto RTSP local de la cámara. En la interfaz del router esta sección puede llamarse Port Mapping, Port Forwarding, Virtual Server o NAT.

IP y puerto externos del router → IP local de la cámara:554

Por ejemplo, el puerto externo 10554 puede redirigirse a 192.168.1.100:554. No es necesario usar el puerto estándar 554 en el exterior.

Si no tienes administrador de sistemas, consulta la guía «Cómo configurar la redirección de puertos», que incluye ejemplos para routers populares. También puedes ponerte en contacto con nosotros: haremos todo lo posible por ayudarte con la configuración.

No coloques la cámara en la DMZ ni expongas su interfaz web salvo que sea necesario. Usa una contraseña fuerte independiente, actualiza el firmware y abre solo el puerto que necesites.

Paso 4. Construye el enlace RTSP

Un enlace RTSP suele contener el usuario, la contraseña, la dirección IP pública, el puerto externo y la ruta a la transmisión de vídeo:

rtsp://usuario:contraseña@ip-publica:puerto/ruta-de-la-transmisión

La ruta exacta después del puerto depende del fabricante, el modelo, el firmware y la transmisión que elijas. A continuación se ofrecen ejemplos habituales; sustituye los valores entre corchetes angulares por tus propios datos y verifícalos con la documentación de tu cámara.

La transmisión principal suele marcarse como main, 101 o subtype=0, y la secundaria como sub, 102 o subtype=1. Para un sitio web, la transmisión secundaria suele cargar más rápido y necesita menos velocidad de subida.

Si tu cámara no está en la lista, envíanos su modelo exacto o busca la sección de URL RTSP en la documentación del fabricante.

Paso 5. Prueba la transmisión

Abre la página principal de rtsp.me, pega el enlace RTSP que has construido en el campo de prueba y haz clic en «Probar».

Si la prueba falla, revisa uno por uno la IP externa, el puerto, la dirección local de la cámara, el usuario, la contraseña y la ruta de la transmisión. A veces el proveedor bloquea las conexiones entrantes o usa CGNAT.

Paso 6. Publica la transmisión

Una vez superada la prueba, añade la cámara a rtsp.me. El servicio convierte la transmisión RTSP a un formato compatible con los navegadores modernos y te proporciona un código HTML de reproductor ya preparado.

Cámara IP → RTSP → rtsp.me → código de reproductor → tu sitio web

Coloca el código donde quieras en la página usando el editor de tu sitio, o pásaselo a tu desarrollador. El procedimiento detallado, las estadísticas de visitas y la integración segura mediante PHP se explican en la guía «Cómo insertar una transmisión en tu sitio web».

Después de publicarla, comprueba la reproducción en un ordenador y en un smartphone.

Si no tienes una IP pública estática

Primero pregunta a tu proveedor qué tipo de dirección tienes: una IP pública dinámica o una dirección detrás de CGNAT. De eso depende cómo te conectarás.

Opción 1. IP pública dinámica y DDNS

Si tienes una IP pública pero cambia de vez en cuando, puedes usar un servicio DDNS: un nombre de dominio dinámico que apunta automáticamente a la IP actual de tu router.

  1. Elige un servicio DDNS o usa el que trae integrado tu router.
  2. Crea un nombre de dominio, por ejemplo mycamera.example-ddns.org.
  3. Configura las actualizaciones DDNS en el router.
  4. Redirige un puerto externo al puerto RTSP de la cámara.
  5. Usa el nombre DDNS en lugar de la IP en el enlace RTSP.
rtsp://usuario:contraseña@mycamera.example-ddns.org:puerto/ruta-de-la-transmisión

El DDNS no ayuda con CGNAT: tu router debe recibir una dirección pública accesible desde internet.

Opción 2. Sin ninguna IP pública

Si tu proveedor usa CGNAT, una conexión entrante a la cámara y la redirección de puertos habitual no funcionarán. En ese caso puedes elegir una de las opciones en las que la conexión se inicia desde tu propia red local:

Ponte en contacto con el soporte de rtsp.me, indícanos el modelo de la cámara y el tipo de conexión a internet, y te ayudaremos a elegir la opción adecuada.

Preguntas frecuentes

¿Qué necesito para una transmisión en directo?
Una cámara IP compatible con RTSP, una conexión a internet estable y la dirección RTSP de la transmisión. Para una conexión directa suele hacer falta también una IP pública y la redirección de puertos configurada.
¿Tengo que usar el puerto externo 554?
No. La cámara puede aceptar RTSP localmente en el puerto 554, mientras que en el router puedes elegir un puerto externo diferente y redirigirlo al puerto de la cámara.
¿Por qué no funciona mi enlace RTSP?
Revisa el usuario, la contraseña, la dirección, el puerto y la ruta de la transmisión. La causa también puede ser CGNAT, conexiones entrantes bloqueadas, un cambio en la dirección local de la cámara o el RTSP desactivado en la configuración de la cámara.
¿Puedo simplemente pegar el enlace RTSP en un navegador?
Normalmente no: los navegadores modernos no reproducen RTSP directamente. rtsp.me recibe la transmisión de la cámara y ofrece un reproductor web compatible.
¿Qué pasa si mi modelo no está en los ejemplos?
Busca la URL RTSP en la documentación del fabricante o indica a soporte el modelo exacto de la cámara. La ruta de la transmisión de vídeo puede variar incluso entre modelos de la misma marca.
¿Qué pasa si no tengo una IP pública estática?
Con una IP pública dinámica puedes usar DDNS y redirección de puertos. Si no tienes ninguna IP pública, elige una cámara rtsp.me, conecta una cámara existente a través de un MyVMS Bridge, o configura RTMP Push si tu cámara lo admite.

Prueba tu cámara RTSP

Prepara el enlace RTSP, comprueba que la transmisión es accesible y obtén una transmisión en directo ya preparada para tu sitio web.

Ir a la prueba