started *3 version (c07862e5) · Commits · Elphel / elphel-web-393

src/multicam/Makefile

+4 −0

Original line number	Diff line number	Diff line
		@@ -6,12 +6,16 @@ INSTALL = install
		DOCS= index.html \
		index1.html \
		index2.html \
		index3.html \
		multicam.js \
		multicam2.js \
		multicam3.js \
		multicam.css \
		multicam2.css \
		multicam3.css \
		multicam.php \
		multicam2.php \
		multicam3.php \
		reboot.html

		ZIPDOCS= zip/deflate.js \

src/multicam/index3.html

0 → 100644

+205 −0

Original line number	Diff line number	Diff line
		<!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='multicam3.js'></script>
		<link rel='stylesheet' type='text/css' href='multicam3.css'></link>

		</head>
		<!-- 192.168.0.41/multicam/index3.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>
		<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"> </td></tr>
		</table>
		</td></tr></table>
		</div>

		<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>

		<button type="button" class="collapsible">LWIR16 Controls</button>
		<div id='lwir16_controls'>

		<table><tr><td>
		<table>
		<tr><td><button id="idStartStop" name = "nStartStop" disabled="disabled">???</button></td>
		<td><button id="idApply" name = "nApply" disabled = "disabled">???</button></td>
		</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>

		<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"> </td></tr></table>
		</td>
		</tr>
		</table>
		</div>
		<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">
		<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>
		</tr>

		<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>

		<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>
		No newline at end of file

src/multicam/multicam3.css

0 → 100644

+166 −0

Original line number	Diff line number	Diff line
		#settings{
		padding:5px;
		}

		table td {
		padding-right:10px;
		}

		.btn.active:focus, .btn:focus{
		outline:none;
		}

		.btn-toggle{
		padding: 1px 0px;
		}

		#edit_addrs{
		padding: 2px;
		}

		#ea_btn{
		outline:none;
		font-weight:bold;
		}

		#addrs{
		padding: 0px 2px 2px 2px;
		}

		#eai_text{
		resize:none;
		margin:0px;
		}

		#edit_addrs_input{
		position:absolute;
		top:2px;
		left:2px;
		border:1px solid rgb(169,169,169);
		padding:2px;
		background: white;
		z-index: 100;
		}

		#eai_text_div{
		line-height:14px;
		}

		#rec_start{
		outline:none;
		border: 0px solid #00AA66;
		}

		.rec_outer{
		position:relative;
		width:50px;
		height:50px;
		border-radius:50%;
		border: 1px solid rgba(100,100,100,1);
		background: white;
		}

		.rec_inner{
		position:relative;
		top:25%;
		left:25%;
		width:50%;
		height:50%;
		border-radius:50%;
		background: rgb(166,14,14);
		}

		.rec_outer:active{
		border: 1px solid rgb(166,14,14);
		}

		.rec_outer_active{
		border: 1px solid rgb(166,14,14);
		}

		.rec_inner_running{
		top:5%;
		left:5%;
		width:90%;
		height:90%;
		}

		.port_preview{
		width:200px;
		}

		.hist_preview{
		border:1px solid rgba(200,200,200,0.5);
		width:200px;
		}

		#display{
		padding:5px;
		}

		hr{
		margin-top:2px;
		margin-bottom:2px;
		}

		#display_status th, #s_device{
		text-align:center;
		}

		#s_space{
		text-align:right;
		}

		#display_status td, #display_status th{
		border:1px solid rgba(100,100,100,0.8);
		padding:2px 5px;
		}

		.port_preview canvas,#display{
		padding:0px;
		}

		#system_tests{
		margin:5px;
		}

		#display_all {
		display: flex;
		}

		#display_preview {
		flex: 0 0 65%;
		}

		#controls {
		flex: 1;
		}

		.ip_text{
		display: none;
		}

		.collapsible {
		background-color: #777;
		color: white;
		cursor: pointer;
		padding: 2px;
		width: 100%;
		border: none;
		text-align: center;
		outline: none;
		font-size: 10px;
		font-weight: bold;
		}

		.active, .collapsible:hover {
		background-color: #555;
		}

		.content {
		padding: 0 18px;
		display: none;
		overflow: hidden;
		background-color: #f1f1f1;
		}