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

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 编码）。某些浏览器可能会阻止自动播放带声音的视频——如有需要，请手动启用。