title: Embedding multiple video streams in a single web page
body: <p>I am going to build a live video surveillance system and I wonder if I can implement a browser-based client side application using <code>html5</code>, <code>css</code> and <code>javascript</code>.</p>
  
  <p>The system uses a media server which controls the streams' broadcast, assume the client has a great graphic card, a great network card and a large monitor capable of squeezing multiple videos and no transcoding is needed, <code>VP8</code> is the original codec of the streams.</p>
  
  <p><strong>The system is deployed on a private network.</strong></p>
  
  <p>The application needs to:</p>
  
  <ul>
  <li>play a large number of live video streams (around 8 - 16)</li>
  <li>support seeking</li>
  <li>1080p resolution</li>
  </ul>
  
  <p>My questions are:</p>
  
  <ul>
  <li><p>Is it even possible to play that many video streams in a single web page?</p></li>
  <li><p>If not, is using a different codec configuration will make the browser capable of playing (like lowering resolution)?</p></li>
  <li><p>If not, is there a third party video player which can do that?</p></li>
  <li><p>If not, can <code>electron</code> handle this job?</p></li>
  <li><p>Can WebRtc handle the job?</p></li>
  </ul>