Embed a live camera in a Webflow page

Use RTSP.RUN as the fast path from a public RTSP stream to browser-ready playback and an iframe embed for Webflow.

This works well for microsites, company pages, event pages, and public camera rollouts where you do not want a custom streaming stack.

What to prepare before a Webflow embed

  • A public RTSP/RTSPS stream that you can verify in the browser.
  • A Webflow page or component where an Embed block is allowed.
  • A public section of the site where the live camera should be visible.
Intégrer la caméra à votre site Vérifier le fit et les limites

What this changes for a Webflow rollout

Faster launch path

The team can touch the Embed block only after playback is confirmed instead of debugging every layer at once.

Less integration noise

It becomes obvious whether the blocker is the RTSP stream itself or the website layer.

Lean website delivery

A public live-camera block does not need a custom streaming stack or dedicated player project.

Where this usually fits in a Webflow rollout

  • when you need a live-camera section in a microsite, company page, or event page without a custom video stack
  • when a web team wants to confirm playback first and only then work with an Embed block
  • when the goal is a fast public launch rather than a broad custom streaming project

What usually blocks the Webflow rollout

  • the stream is not really browser-ready yet, so Webflow is not the actual point of failure
  • the live camera belongs to a sensitive or internal use case where a public RTSP model is the wrong fit
  • there is no clear owner for stream availability and future RTSP or camera changes

What to align before internal or client handoff

  • which page will carry the embed, who inserts it, and who approves the public use context
  • whether the next step is self-service embed, assisted rollout review, or a stop because the fit is wrong
  • how the team will react if the RTSP URL, framing, or reachability changes after launch

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.

L’adresse RTSP est l’URL que votre caméra utilise pour diffuser la vidéo sur Internet. Vous pouvez la trouver dans le manuel d’utilisation, dans les paramètres de la caméra ou sur le site Web du fabricant.

Format typique :

rtsp://utilisateur:motdepasse@adresse-IP:554/chemin_du_flux

Vous n’êtes pas sûr ? Recherchez le modèle de votre caméra avec le terme RTSP URL ou contactez le fabricant.

Le plus souvent, cela est dû à une adresse incorrecte, à une caméra inaccessible ou à une connexion bloquée.

  • Assurez-vous que la caméra est allumée et que le RTSP est activé dans ses paramètres.
  • Pour un accès depuis Internet, le flux doit être publiquement accessible (les adresses IP privées comme 192.168.x.x ne fonctionnent pas depuis l’extérieur).
  • Si la caméra se trouve derrière un routeur, configurez une redirection de port (généralement le port 554).
  • Vérifiez que la connexion n’est pas bloquée par un pare-feu ou votre fournisseur d’accès Internet.

Vous devez configurer une redirection de port sur votre routeur (généralement le port 554) vers l’adresse IP interne de la caméra.

  • Vous pouvez trouver des guides spécifiques à votre modèle de routeur en ligne.
  • Utilisez des mots de passe forts et désactivez les services inutiles sur votre caméra.

Oui, si la caméra transmet l’audio. Nous essayons de lire le son (généralement avec le codec AAC). Certains navigateurs bloquent la lecture automatique avec le son – activez-la manuellement si nécessaire.