index2.html 10 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>Multi cameras control</title>

    <script src="../js/jquery-3.1.1.js"></script>
    <script src="../js/elphel.js"></script>
    <script src="../js/jcanvas.js"></script>
    <script src="../js/UTIF.js"></script>
    <script src="../js/exif.js"></script>
    <script src="../js/jquery-jp4.js"></script>
    <script src="../js/zip/zip.js"></script>

    <link rel="stylesheet" href="../js/bootstrap/css/bootstrap.css">

    <script type='text/javascript' src='multicam2.js'></script>
    <link rel='stylesheet' type='text/css' href='multicam2.css'></link>

  </head>
  <!-- 192.168.0.41/multicam/index1.html?ip=192.168.0.41,192.168.0.42,192.168.0.43,192.168.0.44,192.168.0.45 -->
  <body>
    <div id='display_all'>
      <div id='display_previews'></div>
      <div id='display_controls'>
         <button type="button" class="collapsible">Recording Status</button>
         <div id='display_status'></div>
28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43
         <button type="button" class="collapsible">LWIR16 Status</button>
         <div id='lwir16_status'>
           <table><tr><td>
             <table>
               <tr><td><label for="seq_num"    >Seq Num</label></td><td><input type="text" id="idsequence_num" name="seq_num"      size="5" value="?" disabled="disabled"></td></tr>
               <tr><td><label for="request_num">Requests</label></td><td><input type="text" id="idrequest_num" name="request_num"    size="5" value="?" disabled="disabled"></td></tr>
               <tr><td><label for="capture_run">Running</label></td><td><input type="checkbox" id="idcapture_run" name="capture_run" disabled="disabled"></td></tr>
             </table>
           </td><td>
             <table>
               <tr><td><label for="last_ffc"    >Last FFC</label></td><td><input type="text" id="idlast_ffc" name="last_ffc"      size="5" value="?" disabled="disabled">s</td></tr>
               <tr><td><label for="time_to_ffc" >To FFC</label></td><td><input type="text" id="idtime_to_ffc" name="time_to_ffc"   size="5" value="?" disabled="disabled">s</td></tr>
               <tr><td colspan = "2">&nbsp;</td></tr>
           </table>
           </td></tr></table>
         </div>
44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65

         <button type="button" class="collapsible">LWIR16 FFC controls</button>
         <div id='lwir16_ffc_controls'>
           <table><tr><td>
             <table>
               <tr><td><label for="gao_gain">GAO Gain</label></td><td><input type="checkbox" id="gao_gain" name="gao_gain" checked="checked"></td></tr>
               <tr><td><label for="gao_sffc">GAO SFFC</label></td><td><input type="checkbox" id="gao_sffc" name="gao_sffc" checked="checked"></td></tr>
               <tr><td><label for="gao_ffc">GAO FFC</label></td><td><input type="checkbox" id="gao_ffc" name="gao_ffc" checked="checked"></td></tr>
               <tr><td><label for="gao_temp">GAO Temp</label></td><td><input type="checkbox" id="gao_temp" name="gao_temp" checked="checked"></td></tr>
               <tr><td><label for="bpr">BPR</label></td><td><input type="checkbox" id="idbpr" name="bpr" checked="checked"></td></tr>
             </table>
           </td><td>
             <table>
               <tr><td><label for="scnr">SCNR</label></td><td><input type="checkbox" id="scnr" name="scnr" checked="checked"></td></tr>
               <tr><td><label for="srnr">SRNR</label></td><td><input type="checkbox" id="srnr" name="srnr" checked="checked"></td></tr>
               <tr><td><label for="spnr">SPNR</label></td><td><input type="checkbox" id="spnr" name="spnr" checked="checked"></td></tr>
               <tr><td><label for="tf">TF</label></td><td><input type="checkbox" id="tf" name="tf" checked="checked" disabled="disabled"></td></tr>
               <tr><td><label for="tf_delta_nf">TF DELTA NF</label></td><td><input type="text" id="tf_delta_nf" name="tf_delta_nf"size="5" value="?">s</td></tr>
           </table>
           </td></tr></table>
         </div>
         
66 67 68 69 70
         <button type="button" class="collapsible">LWIR16 Controls</button>
         <div id='lwir16_controls'>

           <table><tr><td>
             <table>
71 72
               <tr><td><button id="idStartStop" name = "nStartStop" disabled="disabled">???</button></td>
               <td><button id="idApply" name = "nApply" disabled = "disabled">???</button></td>
73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95
               </tr>
               
               <tr><td><label for="idpre_delay"   >Inter-Delay</label></td><td><input type="text" id="idpre_delay" name="pre_delay"      size="5" value="?">s</td></tr>
               <tr><td><label for="duration"      >LWIR frames</label></td><td><input type="text" id="idduration" name="duration"      size="5" value="?"></td></tr>
               <tr><td><label for="duration_eo"   >RGB frames</label></td><td><input type="text" id="idduration_eo" name="duration_eo"      size="5" value="?"></td></tr>
               <tr><td><label for="compressor_run">Compress Init</label></td><td><input type="checkbox" id="idcompressor_run" name="compressor_run"></td></tr>
             </table>
           </td><td>
             <table>
               <tr><td><label for="ffc"    >FFC</label></td><td><input type="checkbox" id="idffc" name="ffc"></td></tr>
               <tr><td><label for="ffc_period"    >FFC period</label></td><td><input type="text" id="idffc_period" name="ffc_period"      size="5" value="?"></td></tr>
               <tr><td><label for="ffc_groups"    >FFC groups</label></td><td><select id="idffc_groups" name="idffc_groups">
														                         <option value="1">1</option>
														        			  	  <option value="2">2</option>
																		          <option value="4" selected="selected">4</option>
																		        </select>
                                                                         </td></tr>
               <tr><td><label for="ffc_frames"    >FFC frames</label></td><td><input type="text" id="idffc_frames" name="ffc_frames"      size="5" value="?"></td></tr>
               <tr><td><label for="debug"    >Debug</label></td><td><input type="text" id="iddebug" name="debug"      size="5" value="?"></td></tr>
           </table>
           </td></tr></table>

         </div>
96
         
97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133
         <button type="button" class="collapsible">Multicam Controls</button>
         <div id='multicam settings'>
		    <table>
			    <tr>
				    <td>
					    <table>
					    <th><td colspan="2">Image Refresh<td> </th>
					    <tr> <td><label>Enable</label></td>
					    <td>
					          <div id="toggle_refresh" class="btn-group btn-toggle">
					            <button class="btn btn-xs btn-success active">ON</button>
					            <button class="btn btn-xs btn-default">OFF</button>
					          </div>
					     </td> </tr>
					    <tr><td><label for="ref_rate">Images</label></td>
							<td><input type="text" id="ref_rate" name="ref_rate" size="4">s</td>
						</tr><tr>
						    <td><label for="sref_rate">Status</label></td>
							<td><input type="text" id="sref_rate" name="sref_rate" size="4">s
					    </td> </tr>
					    </table>
				    </td>
				    <td>
					    <table><th><td colspan="2">SSD Recording<td> </th>
					    <tr><td><label>Record</label></td>
					      <td><div id="toggle_record" class="btn-group btn-toggle">
					            <button class="btn btn-xs btn-success active">ON</button>
					            <button class="btn btn-xs btn-default">OFF</button>
					          </div>
					      </td>
					    </tr><tr> <td><label id = "root_dir" for="ssd_directory">/mnt/sda1/</label></td>
							 <td><input type="text" id="dir_name" name="ssd_directory" size="10"></td>
					    </tr><tr><td colspan="2">&nbsp;</td></tr></table>
				    </td>
			    </tr> 
		    </table>
         </div>
134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159
         <button type="button" class="collapsible">Eyesis Controls</button>
		 <div id='settings'>
		    <table>
		      <tr>
		        <td>
		          <div id='rec_button' class='rec_outer' title='start recording'>
		            <div class='rec_inner'></div>
		          </div>
		        </td>
		        <td>
		          <button id='snapshot' title='download snapshot' class="btn btn-sm btn-danger">snapshot</button>
		        </td>
		      </tr>
		      <tr id="toggle_awb" title='Auto White Balance'>
		        <td>Auto WB:</td>
		        <td>
		          <div id="toggle_awb" class="btn-group btn-toggle">
		            <button class="btn btn-xs btn-success active">ON</button>
		            <button class="btn btn-xs btn-default">OFF</button>
		          </div>
		        </td>
		      </tr>
		      <tr id="toggle_aexp" title='Auto Exposure'>
		        <td>Auto Exposure:</td>
		        <td>
		          <div id="toggle_aexp" class="btn-group btn-toggle">
160 161 162 163 164 165 166 167 168
								<button class="btn btn-xs btn-success active">ON</button>
								<button class="btn btn-xs btn-default">OFF</button>
							</div>
						</td>
		      </tr>

		      <tr id="manual_exposure_div" title='Manual Exposure'>
		        <td><label for="exposure_ms">Manual</label></td>
		        <td><input type="text" id="exposure_ms" name="exposure_ms" size="6" value="50">ms</td>
169
		      </tr>
170 171 172 173 174 175

		      <tr id="image_quality_div" title='Image Quality'>
		        <td><label for="jpeg_quality">Quality</label></td>
		        <td><input type="text" id="jpeg_quality" name="jpeg_quality" size="6" value="97">%</td>
		      </tr>

176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205
		      <tr>
		        <td>
		          <button id='system_tests' title='system info' class="btn btn-sm btn-success">tests</button>
		        </td>
		      </tr>
		      <tr>
		        <td hidden>
		          <br/>
		          <div id='edit_addrs_input' hidden>
		            <div id='eai_text_div'>
		              <textarea id='eai_text' rows='4' cols='30'></textarea>
		            </div>
		            <div id='eai_ok_div'>
		              <button id='eai_ok' class="btn btn-sm btn-success">ok</button>
		            </div>
		          </div>
		          <div id='edit_addrs' title='edit ip addresses'>
		            <button id='ea_btn' class="btn btn-sm btn-success">+</button>
		          </div>
		          <div id='addrs'>
		          </div>
		        </td>
		      </tr>
		    </table> <!--  settings table -->
		 </div> <!-- id='settings' -->
		 
	   </div>   <!-- controls -->
    </div>
  </body>
</html>