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 सक्षम है।
- इंटरनेट से पहुँच के लिए, स्ट्रीम सार्वजनिक रूप से उपलब्ध होना चाहिए (जैसे
192.168.x.xजैसी निजी IP बाहरी रूप से काम नहीं करतीं)। - यदि कैमरा राउटर के पीछे है, तो पोर्ट फ़ॉरवर्डिंग (आमतौर पर
554) सेट करें। - सुनिश्चित करें कि कनेक्शन फ़ायरवॉल या इंटरनेट प्रदाता द्वारा अवरुद्ध नहीं किया गया है।
आपको अपने राउटर पर पोर्ट फ़ॉरवर्डिंग कॉन्फ़िगर करनी होगी (आमतौर पर पोर्ट 554) ताकि वह कैमरे के आंतरिक IP पते पर जाए।
- अपने राउटर के लिए विशिष्ट निर्देश ऑनलाइन मिल सकते हैं।
- मजबूत पासवर्ड का उपयोग करें और कैमरे पर अनावश्यक सेवाओं को निष्क्रिय करें।
हाँ, यदि कैमरा ऑडियो प्रदान करता है। हम ध्वनि चलाने का प्रयास करते हैं (आमतौर पर AAC कोडेक के साथ)। कुछ ब्राउज़र स्वतः ऑडियो चलाने को अवरुद्ध करते हैं — आवश्यक होने पर इसे मैन्युअल रूप से सक्षम करें।