Add a live camera widget to a Shopify page

Verify the stream in the browser and use a simple iframe embed for a Shopify page, storefront block, or campaign landing page.

This fits public-facing use cases where you want to show a storefront, showroom, event, or live view without building a custom player.

What to prepare before a Shopify embed

  • A publicly reachable RTSP/RTSPS stream that loads in the browser.
  • A Shopify page or theme section where custom HTML / embed is allowed.
  • A public use case where live playback makes sense, not a private CCTV rollout.
Insertar la cámara en tu web Comprobar encaje y límites

Common questions before you embed a live camera

Before you think about blocks, CMS fields, or iframe wrappers, verify that you have a publicly reachable RTSP/RTSPS stream and working browser playback.

La dirección RTSP es la URL que utiliza tu cámara para compartir vídeo a través de Internet. Puedes encontrarla en el manual de usuario, en la configuración de la cámara o en el sitio web del fabricante.

Formato típico:

rtsp://usuario:contraseña@dirección-IP:554/ruta_al_stream

¿No estás seguro? Busca tu modelo de cámara junto con la frase RTSP URL o contacta con el fabricante.

Normalmente se debe a una dirección incorrecta, una cámara inaccesible o una conexión bloqueada.

  • Asegúrate de que la cámara esté encendida y que RTSP esté habilitado en la configuración.
  • Para acceder desde Internet, la transmisión debe ser pública (las IP privadas como 192.168.x.x no funcionan desde fuera).
  • Si la cámara está detrás de un router, configura el reenvío de puertos (normalmente el puerto 554).
  • Comprueba que la conexión no esté bloqueada por un cortafuegos o tu proveedor de Internet.

Debes configurar el reenvío de puertos en tu router (normalmente el puerto 554) hacia la dirección IP interna de la cámara.

  • Puedes encontrar guías específicas para tu router en Internet.
  • Usa contraseñas seguras y desactiva los servicios innecesarios en la cámara.

Sí, si la cámara transmite audio. Intentamos reproducir el sonido (normalmente con el códec AAC). Algunos navegadores bloquean la reproducción automática con sonido; actívala manualmente si es necesario.