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.
把摄像头放到网站上 确认适配性与限制

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.

RTSP 地址是您的摄像机用于通过互联网传输视频的 URL。您可以在摄像机说明书、摄像机设置或制造商网站上找到它。

常见格式：

rtsp://用户名:密码@IP地址:554/视频路径

不确定？请搜索您的摄像机型号并添加关键词 RTSP URL，或联系制造商。

这通常是由于地址错误、摄像机无法访问或连接被阻止造成的。

  • 确保摄像机已开启，并在设置中启用了 RTSP。
  • 要从互联网访问，流必须是公开可访问的（私有 IP，如 192.168.x.x，无法从外部访问）。
  • 如果摄像机位于路由器之后，请设置端口转发（通常为端口 554）。
  • 检查防火墙或您的互联网服务提供商是否阻止了连接。

您需要在路由器上配置端口转发（通常是端口 554），指向摄像机的内部 IP 地址。

  • 您可以在网上找到针对特定路由器的教程。
  • 请使用强密码，并禁用摄像机上不必要的服务。

支持，如果摄像机提供音频信号。我们会尝试播放音频（通常使用 AAC 编码）。某些浏览器可能会阻止自动播放带声音的视频——如有需要，请手动启用。