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.

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.