D-Link Forums
D-Link IP Cameras for Home => DCS series Network Cameras => Topic started by: pattaya2000 on June 27, 2013, 10:53:56 AM
-
Hi All
I have a shop and a website for it. I would like to be able to say to my customers .... "We can show you examples of what we have in stock - just go to our live video webpage <www.myshopname.livevideo.com> and we will show them to you right now".
In other words, embed a live video feed from my DCS-930L IP camera to a page on my website that customers are able to go to and watch (without needing to login) my staff show/demonstrate our products to them live.
(The key here would be to make it as simple as possible for potential customers to see the live video, on their smartphone or computer, without them having to ... download/install any software, log into/visit a third party website, type in any complicated webpage URL, ask for/remember any login name & password, etc)
Please can anyone tell me/point me to (non-techie) step-by-step instructions how to do this?
I once found a webpage somewhere that seemed to explain exactly the process, but but I cannot find it now!
Much appreciating any advice ....
-
Please visit the Network Camera FAQ (http://forums.dlink.com/index.php?board=300.0) board. I posted two entries for this solution (one of which is based on iframes).
-
Many thanks JavaLawyer
I have found the posts and will try to do it that way
-
Please post back and let everyone know how the solutions work out for you. ;)
-
A few comments from further experience with the iframe method:
1. If image size is coded to less than actual image, images may appear cropped to 70% from bottom right, on some browsers (Firefox/Mac OK! Safari-cropped)
2. Images may not refresh automatically, on some browsers (Safari & Firefox /Mac OK! IOS-no)
3. CAUTION - Firefox/Mac seems to get saturated after autorefreshing for a while! Starts taking up huge amounts of memory, can bring computer to a halt - so don't leave live indefinitely.
A more compact structure for multiple cameras:
<tr>
<div class="box">
<iframe src="http://CamIP1:8031/mjpeg.cgi"
width="460" height="345" class="smart_sizing_iframe noresize" frameborder="0" scrolling="no" >
</iframe>
<iframe src ="http://CamIP2:8032/mjpeg.cgi"
width="460" height="345" class="smart_sizing_iframe noresize" frameborder="0" scrolling="no" >
</iframe>
<iframe src ="http://CamIP3:8033/mjpeg.cgi"
width="460" height="345" class="smart_sizing_iframe noresize" frameborder="0" scrolling="no" >
</iframe>
</div>
</tr>
-
A few comments from further experience with the iframe method:
1. If image size is coded to less than actual image, images may appear cropped to 70% from bottom right, on some browsers (Firefox/Mac OK! Safari-cropped)
2. Images may not refresh automatically, on some browsers (Safari & Firefox /Mac OK! IOS-no)
3. CAUTION - Firefox/Mac seems to get saturated after autorefreshing for a while! Starts taking up huge amounts of memory, can bring computer to a halt - so don't leave live indefinitely.
A more compact structure for multiple cameras:
<tr>
<div class="box">
<iframe src="http://CamIP1:8031/mjpeg.cgi"
width="460" height="345" class="smart_sizing_iframe noresize" frameborder="0" scrolling="no" >
</iframe>
<iframe src ="http://CamIP2:8032/mjpeg.cgi"
width="460" height="345" class="smart_sizing_iframe noresize" frameborder="0" scrolling="no" >
</iframe>
<iframe src ="http://CamIP3:8033/mjpeg.cgi"
width="460" height="345" class="smart_sizing_iframe noresize" frameborder="0" scrolling="no" >
</iframe>
</div>
</tr>
With your approval, I can add this as an addendum to the iframes FAQ post.
http://forums.dlink.com/index.php?topic=52483.0 (http://forums.dlink.com/index.php?topic=52483.0)
-
sure.
I've reported the Firefox memory leak into the Mozilla bug site ...
-
sure.
I've reported the Firefox memory leak into the Mozilla bug site ...
Thx. . . I'll get to work on adding amending the FAQ post.