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.
Incorpora la camera nel sito Verifica fit e limiti

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’indirizzo RTSP è l’URL che la tua telecamera utilizza per trasmettere il video su Internet. Puoi trovarlo nel manuale d’uso, nelle impostazioni della telecamera o sul sito Web del produttore.

Formato tipico:

rtsp://utente:password@indirizzo-IP:554/percorso_dello_stream

Non sei sicuro? Cerca il modello della tua telecamera insieme alla frase RTSP URL oppure contatta il produttore.

Di solito è dovuto a un indirizzo errato, a una telecamera non raggiungibile o a una connessione bloccata.

  • Assicurati che la telecamera sia accesa e che RTSP sia abilitato nelle impostazioni.
  • Per l’accesso da Internet, lo stream deve essere pubblico (gli indirizzi IP privati come 192.168.x.x non funzionano dall’esterno).
  • Se la telecamera è dietro un router, configura l’inoltro delle porte (di solito la porta 554).
  • Controlla che la connessione non sia bloccata da un firewall o dal tuo provider Internet.

Devi configurare l’inoltro delle porte sul router (di solito la porta 554) verso l’indirizzo IP interno della telecamera.

  • Puoi trovare istruzioni specifiche per il tuo router online.
  • Usa password sicure e disattiva i servizi non necessari sulla telecamera.

Sì, se la telecamera trasmette anche l’audio. Cerchiamo di riprodurlo (in genere con il codec AAC). Alcuni browser bloccano la riproduzione automatica con audio: attivala manualmente se necessario.