D-Link Forums

The Graveyard - Products No Longer Supported => IP Cameras => DCS-932L => Topic started by: acellier on August 06, 2012, 06:09:07 PM

Title: Embedding your camera video in a website
Post by: acellier on August 06, 2012, 06:09:07 PM
    Here is a very simple block of html to embed your camera's video in your website; allows shared viewing of live video by those whom you give the camera username/password.
   Naturally, you will need to have set up camera and router port forwarding, non-admin username & password, etc. Insert your camera name, WANip, and port number into this code where you see "myWANip:port#".
    Expand to add cameras, by duplicating the working block <tr> ... </tr> with new values.
    Tested on Mac - Safari, Firefox with minor annoyance of memory filling (clearable), Chrome doesn't login; and on iPad - Safari, Terra (Chrome doesn't login; Opera Mini doesn't get video).
 
<html>
<head>
<title>LiveVideo</title>
<META content="text/html"; charset="UTF-8"; http-equiv=Content-Type>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
</head>
<body>
LiveVideo by acellier, rev. 2012-08-06  1740

<tr>
   <div class="box">
        <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
      <tr><td bgcolor=black > <font color=white> CameraName <BR></font>
      </td> </tr> </TABLE>   
      <iframe src="http://myWANip:port#/video.cgi"
         width="640" height="480" class="smart_sizing_iframe noresize" frameborder="0" scrolling="no" >
      </iframe>
    </div>
</tr>

</body>
<HEAD>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
</HEAD>
</html>
Title: Re: Embedding your camera video in a website
Post by: JavaLawyer on August 07, 2012, 04:51:53 AM
Would you mind if I posted your code as a thread in the FAQ board?
Title: Re: Embedding your camera video in a website
Post by: peterd on August 07, 2012, 07:45:38 AM
Nice snippet of code Alfred.  Unfortunately the video reload is slow and doesn't look to great, at least on a couple of systems with Firefox.
Title: Re: Embedding your camera video in a website
Post by: acellier on August 07, 2012, 12:55:05 PM
  I forgot to add, using the iframe embed presents the user with your website remaining in the address bar.
  Earlier, I had tried a redirect method, which winds up with the home modem's address in the bar.
    <meta http-equiv="refresh" content="0;url=http://WanIP:port#/mjpeg.cgi" />
  Another method published in this forum earlier used java, and was not renderable on the iPad.
    <APPLET name="cvcs" CODEBASE="http://WanIP:port#" CODE="aplug.class" WIDTH=640 HEIGHT=480>
@JavaLawyer  - sure, no problem
@peterd - for me, Firefox14 works "ok" but eats memory like crazy, and even faster with this feed enabled. Safari does much better. But it really seems smooth and quick on the iPad!
Title: Re: Embedding your camera video in a website
Post by: JavaLawyer on August 07, 2012, 12:57:46 PM
Does this code work as-is on the DCS-930L?
Title: Re: Embedding your camera video in a website
Post by: acellier on August 07, 2012, 01:14:12 PM
Yes - in fact I was unsure where best to post it - it should also work on a variety of other cameras (I have a 2230 on order). Maybe should cross-post it?
Title: Re: Embedding your camera video in a website
Post by: JavaLawyer on August 07, 2012, 02:01:47 PM
acellier, below is the link to the FAQ. I'll add some cross links tomorrow. Please let me know if I misinterpreted anything you wrote. I gave you credit at the footer of the post.

DCS-9XXL - Display Live Video on a Personal Website (http://forums.dlink.com/index.php?topic=50319.msg185900#msg185900)
Title: Re: Embedding your camera video in a website
Post by: JavaLawyer on August 08, 2012, 04:57:45 AM
The thread lives in the myDlink FAQ page and is cross-linked to sticky posts on the DCS-930L and DCS-932L forum.

acellier@ please let me know if anything in the post was lost in translation and I'll update accordingly.  ;)
Title: Re: Embedding your camera video in a website
Post by: acellier on August 08, 2012, 09:38:27 AM
maybe one clarification -
"Replace port# (highlighted below) with the DCS-9XXL port number"
(port number is the external as forwarded in router, IF different from camera)
Title: Re: Embedding your camera video in a website
Post by: JavaLawyer on August 08, 2012, 09:45:36 AM
maybe one clarification -
"Replace port# (highlighted below) with the DCS-9XXL port number"
(port number is the external as forwarded in router, IF different from camera)

Thanks. . . Updated...
Title: Re: Embedding your camera video in a website
Post by: slitter on September 12, 2012, 01:56:15 PM
Hi there Thanks for the code to embed the video on a website however I am using a DCS-942L and I have to log in everytime i get in how can my visitors see the video without logging in?
I have a DCS-932L  and somehow it works with activex and added an applet code in the page html. The DCS-942L seems much more secure.
Hope someone can help me out.
regards, Marc
Title: Re: Embedding your camera video in a website
Post by: santhy on October 20, 2012, 02:41:19 PM
Is there a way to also get the audio feed?
Title: Re: Embedding your camera video in a website
Post by: martart on February 26, 2013, 07:54:16 AM
Is there a code to embed video and audio in my own website ?? hope you can help
Title: Re: Embedding your camera video in a website
Post by: JavaLawyer on February 26, 2013, 08:05:24 AM
I haven't come across audio integration. However, here's a second procedure recently submitted by another forum member: DCS-9XXL - Embed Live Video Display on a User Created Website (Using iframes) (http://forums.dlink.com/index.php?topic=52483.0)
Title: Re: Embedding your camera video in a website
Post by: martart on February 26, 2013, 09:24:43 AM
Yes I need audio embed code, it must be available somewhere as that is what the d-link website it self does, surely there is a way for us to just copy that direct code and change the ip address ??
Title: Re: Embedding your camera video in a website
Post by: JavaLawyer on February 26, 2013, 09:58:34 AM
Yes I need audio embed code, it must be available somewhere as that is what the d-link website it self does, surely there is a way for us to just copy that direct code and change the ip address ??

If I had that information, I would have posted it a long time ago....  :-\
Title: Re: Embedding your camera video in a website
Post by: DriverVoIP on March 09, 2013, 05:57:12 PM
Hi!
Allow me to add such a useful topic to obtain audio and video streaming to external devices. This tip works on cameras DCS-9xx, and probably on DCS-942

1#
You should disable guest access authorization and select the port Unlike
standard HTTP 80. Configure DDNS\Port Map on your router.
(http://img-fotki.yandex.ru/get/4137/17909284.4/0_bbcbe_9ffbc184_L.png.jpg)
(http://img-fotki.yandex.ru/get/6442/17909284.4/0_bbcbf_be0ef59a_L.png.jpg)

2#
NOKIA 5800
(http://img-fotki.yandex.ru/get/6441/17909284.4/0_bbcc0_333fdb8f_L.jpeg.jpg)
Open link http://My-Account.DynDNS.com:8080/iphone.htm
recommend to send a link to your mobile phone as an SMS, and thus open it quickly.
OperaMini I have with this link does not work.

(http://img-fotki.yandex.ru/get/5635/17909284.4/0_bbcc1_67fa6ef3_L.jpeg.jpg)
PC and Google Chrome, open URL http://My-Account.DynDNS.com:8080/mvideo.htm

3#
Getting audio stream. In VLC media player  http://www.videolan.org/vlc/  (http://www.videolan.org/vlc/)
open URL http://My-Account.DynDNS.com:8080/audio.cgi
(http://img-fotki.yandex.ru/get/6442/17909284.4/0_bbcc2_82c091a4_L.png.jpg)
(http://img-fotki.yandex.ru/get/6442/17909284.4/0_bbcc3_b207066f_L.png.jpg)
Note
VLC media player does not play MJPEG stream flow )-:

(http://img-fotki.yandex.ru/get/5638/17909284.5/0_bbcd8_15a25aaa_L.png.jpg)
script sends only 30 seconds of audio stream, for endless replay, click this button.

4#
The use of stream for MJPEG (Motion JPEG) Javascript

<SCRIPT language="JavaScript" type="text/javascript">
     var img1 = "http://My-Account.DynDNS.com:8080/video.cgi"
     document.images["image1"].src = img1
     Start(img1,"image1");
     function Start(img, name)
    {
      tmp = new Date();
      tmp = "&"+tmp.getTime()
      document.images[name].src = img+tmp
      var delay = function() { Start(img, name); };
      setTimeout(delay,1)
    }
</SCRIPT>

(http://img-fotki.yandex.ru/get/4120/17909284.4/0_bbcc9_1d17c513_L.png.jpg)
Note
This script only works in Google Chrome, IE does not play mjpeg stream!
This script does not require Java Runtime Environment (java.com) and ActivX DCS-xxx.

NOTE!
These links are not documented functions of the camera for the DCS-9xx
http://IPCam:Port/audio.cgi
http://IPCam:Port/video.cgi
http://IPCam:Port/iphone.htm
http://IPCam:Port/lphone.htm
http://IPCam:Port/mobile.htm  
http://IPCam:Port/mvideo.htm

Use the free DDNS service - https://www.dlinkddns.com/login (https://www.dlinkddns.com/login)
excuse me for my english (-:
Ну вот как-то вот так ребятишки (-: