• March 19, 2024, 01:31:48 AM
  • 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 22704 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: 49923
  • D-Link Global Forum Moderator
    • Router Troubleshooting
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: 1Gb/50Mb>NetGear CM1200>DIR-882>HP 24pt Gb Switch. COVR-1202/2202/3902,DIR-2660/80,3xDGL-4500s,DIR-LX1870,857,835,827,815,890L,880L,868L,836L,810L,685,657,3x655s,645,628,601,DNR-202L,DNS-345,DCS-933L,936L,960L and 8000LH.