• October 18, 2017, 02:59:47 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.

Author Topic: creating a video wall - html source code - multiple cams one screen  (Read 2915 times)

mikenicholson

  • Level 1 Member
  • *
  • Posts: 14

I searched for a long time and could not find a plug and play example.  Could just be my poor search skills.  But I figured I would share never-the-less.  I am not a developer which is likely obvious from my code.  But necessity if the mother of invention.   For access from the internet, I set up port forwarding on my FW so that each camera had a unique port number XXXXX that the FW forward to internal IP:80.  I also use DDNS to ensure I always have consistent hostname to point to.

<!DOCTYPE html>
<html>
     <head>
     <title>Ankonian Security</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>
  <div id=“cams”>
    <form>
      <table id="CamTable">
        <tr>
          <td>
            <a href="http://192.168.1.201"><img id="stream" src="http://192.168.1.201/video/mjpg.cgi" alt="DCS-5222L Front-Door" height="272" width="480"></a>
            <a href="http://192.168.1.202"><img id="stream" src="http://192.168.1.202/video/mjpg.cgi" alt="DCS-932L Side-Yard" height="272" width="480"></a>
            <a href="http://192.168.1.204"><img id="stream" src="http://192.168.1.204/video/mjpg.cgi" alt="DCS-2132LB1 Kitchen" height="272” width="480"></a>
          </td>
        </tr>
        <tr>
          <td>
            <a href="http://192.168.1.205"><img id="stream" src="http://192.168.1.205/video/mjpg.cgi" alt="DCS-2132LB1 Garage" height="272" width="480"></a>
            <a href="http://192.168.1.206"><img id="stream" src="http://192.168.1.206/video/mjpg.cgi" alt="DCS-2132LB1 Pool" height="272" width="480"></a>
            <a href="http://192.168.1.207"><img id="stream" src="http://192.168.1.207/video/mjpg.cgi" alt="DCS-5222LB1 Atrium" height="272" width="480"></a>
            <a href="http://192.168.1.208"><img id="stream" src="http://192.168.1.208/video/mjpg.cgi" alt="DCS-5222L Studio" height="272" width="480"></a>
         </td>
        </tr>
      </table>
  </div>
</body>
</html>
Logged

FurryNutz

  • Poweruser
  •   ▲
    ▲ ▲
  • *****
  • Posts: 43378
  • D-Link Global Forum Moderator
    • New DIR-890L Router with SmartConnect™ Technology
Re: creating a video wall - html source code - multiple cams one screen
« Reply #1 on: June 01, 2016, 06:52:48 AM »

Thanks for posting this information. Hope it helps future users.
Also: http://forums.dlink.com/index.php?topic=50328.0
Enjoy.  ;)
« Last Edit: June 01, 2016, 06:55:08 AM by FurryNutz »
Logged
Cable:100mb/3Mb>Motorola SB6183>DIR-880L>HP 24pt Gb Switch. 3xDGL-4500s,DIR-857,835,827,815,890L,880L,868L,865L,836L,826L,810L,685,657,3x655s,645,628,601,DNR-202L,DNS-345,DCS-933L and a Boxee.
Go Here>Router Troubleshooting