Skip to Content

Multicam Templates

Below is html code you can use to create a 2x2  or 3x3 Ustream multicam interface. 

 


2x2 (suggested width/height settings - width=312, height = 255)

<table style="text-align: left; width: 640px;" border="1"
 cellpadding="2" cellspacing="2">
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td style="text-align: center; font-weight: bold;">Cam1</td>
      <td style="text-align: center; font-weight: bold;">Cam2</td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td style="text-align: center; font-weight: bold;">Cam3</td>
      <td style="text-align: center; font-weight: bold;">Cam4</td>
    </tr>
</table>



3x3  (suggested width/height settings - width=208, height = 170)

<table style="text-align: left; width: 640px;" border="1"
 cellpadding="2" cellspacing="2">
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td style="text-align: center; font-weight: bold;">Cam 1</td>
      <td style="text-align: center; font-weight: bold;">Cam 2</td>
      <td style="text-align: center; font-weight: bold;">Cam3</td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td style="text-align: center; font-weight: bold;">Cam 4</td>
      <td style="text-align: center; font-weight: bold;">Cam 5</td>
      <td style="text-align: center; font-weight: bold;">Cam 6</td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td style="text-align: center; font-weight: bold;">Cam 7 </td>
      <td style="text-align: center; font-weight: bold;">Cam 8</td>
      <td style="text-align: center; font-weight: bold;">Cam 9</td>
    </tr>
</table>
­



book | by Dr. Radut