title: Multiple IP Camera Feeds On Same Webpage
body: <p>I have 2 IP Cameras that have a internal server page (i.e. http:\192.168.1.10\video.html). This page receives jpeg images from the camera and auto-refreshes (loads) using javascript. </p>
  
  <p>Source code from the <code>video.html</code></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;ipCam - JPEG Video&lt;/title&gt;
      &lt;style type='text/css'&gt;
          html,body
          {
              background-color:white;
              color:black;
              font-family:arial;
              font-size:12pt;
          }
          a,a:visited,a:active
          {
              color:grey;
              text-decoration:none;
          }
          a:hover
          {
              text-decoration: underline;
          }
          h1
          {
              background-color:black;
              color:white;
              padding:5px;
          }
          h2
          {
              background-color:lightgrey;
              padding:5px;
          }
      &lt;/style&gt;
      &lt;script type='text/javascript'&gt;
          function loadImage()
          {
              var now=new Date();
              document.getElementById('the_img').src='image.jpg?'+now.getTime();
          }
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;img id='the_img' src='image.jpg' onload='loadImage()' onerror='loadImage()'&gt;
      &lt;br&gt;&lt;br&gt;
      &lt;a href='.'&gt;Home&lt;/a&gt;
  
  
  
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>What I would like to do is build a custom site that has both live feeds in it. I would prefer not to use <code>&lt;iframe&gt;</code>. I would rather use Javascript or something of the sort. </p>
  
  <p>I have a basic understanding of HTML but very little Javascript experience. I can obviously look at the code a get a good idea of what is going on, but this has stumped me!</p>
  
  <p>Any help would be appreciated!</p>