• October 15, 2019, 04:30:30 PM
  • Welcome, Guest
Please login or register.

Login with username, password and session length
Advanced search  

News:

This Forum Beta is ONLY for registered owners of D-Link products in the USA for which we have created boards at this time.

Pages: [1] 2

Author Topic: Embedding your camera video in a website  (Read 24209 times)

acellier

  • Level 4 Member
  • ****
  • Posts: 417
Embedding your camera video in a website
« 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>
« Last Edit: February 05, 2013, 08:17:29 AM by JavaLawyer »
Logged

JavaLawyer

  • BETA Tester
  • Level 15 Member
  • *
  • Posts: 12190
  • D-Link Global Forum Moderator
    • FoundFootageCritic
Re: Embedding your camera video in a website
« Reply #1 on: August 07, 2012, 04:51:53 AM »

Would you mind if I posted your code as a thread in the FAQ board?
Logged
Find answers here: D-Link ShareCenter FAQ I D-Link Network Camera FAQ
There's no such thing as too many backups FFC

peterd

  • Level 1 Member
  • *
  • Posts: 20
Re: Embedding your camera video in a website
« Reply #2 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.
Logged

acellier

  • Level 4 Member
  • ****
  • Posts: 417
Re: Embedding your camera video in a website
« Reply #3 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!
Logged

JavaLawyer

  • BETA Tester
  • Level 15 Member
  • *
  • Posts: 12190
  • D-Link Global Forum Moderator
    • FoundFootageCritic
Re: Embedding your camera video in a website
« Reply #4 on: August 07, 2012, 12:57:46 PM »

Does this code work as-is on the DCS-930L?
Logged
Find answers here: D-Link ShareCenter FAQ I D-Link Network Camera FAQ
There's no such thing as too many backups FFC

acellier

  • Level 4 Member
  • ****
  • Posts: 417
Re: Embedding your camera video in a website
« Reply #5 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?
Logged

JavaLawyer

  • BETA Tester
  • Level 15 Member
  • *
  • Posts: 12190
  • D-Link Global Forum Moderator
    • FoundFootageCritic
Re: Embedding your camera video in a website
« Reply #6 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
« Last Edit: August 08, 2012, 04:56:38 AM by JavaLawyer »
Logged
Find answers here: D-Link ShareCenter FAQ I D-Link Network Camera FAQ
There's no such thing as too many backups FFC

JavaLawyer

  • BETA Tester
  • Level 15 Member
  • *
  • Posts: 12190
  • D-Link Global Forum Moderator
    • FoundFootageCritic
Re: Embedding your camera video in a website
« Reply #7 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.  ;)
Logged
Find answers here: D-Link ShareCenter FAQ I D-Link Network Camera FAQ
There's no such thing as too many backups FFC

acellier

  • Level 4 Member
  • ****
  • Posts: 417
Re: Embedding your camera video in a website
« Reply #8 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)
Logged

JavaLawyer

  • BETA Tester
  • Level 15 Member
  • *
  • Posts: 12190
  • D-Link Global Forum Moderator
    • FoundFootageCritic
Re: Embedding your camera video in a website
« Reply #9 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...
Logged
Find answers here: D-Link ShareCenter FAQ I D-Link Network Camera FAQ
There's no such thing as too many backups FFC

slitter

  • Level 1 Member
  • *
  • Posts: 1
Re: Embedding your camera video in a website
« Reply #10 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
Logged

santhy

  • Level 2 Member
  • **
  • Posts: 26
Re: Embedding your camera video in a website
« Reply #11 on: October 20, 2012, 02:41:19 PM »

Is there a way to also get the audio feed?
Logged

martart

  • Level 1 Member
  • *
  • Posts: 4
Re: Embedding your camera video in a website
« Reply #12 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
Logged

JavaLawyer

  • BETA Tester
  • Level 15 Member
  • *
  • Posts: 12190
  • D-Link Global Forum Moderator
    • FoundFootageCritic
Re: Embedding your camera video in a website
« Reply #13 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)
Logged
Find answers here: D-Link ShareCenter FAQ I D-Link Network Camera FAQ
There's no such thing as too many backups FFC

martart

  • Level 1 Member
  • *
  • Posts: 4
Re: Embedding your camera video in a website
« Reply #14 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 ??
Logged
Pages: [1] 2