parent
							
								
									b9727dfef4
								
							
						
					
					
						commit
						d623907215
					
				
									
										
											File diff suppressed because one or more lines are too long
										
									
								
							
						@ -0,0 +1,73 @@ | 
				
			|||||||
 | 
					<!doctype html> | 
				
			||||||
 | 
					<html> | 
				
			||||||
 | 
					<head> | 
				
			||||||
 | 
						<meta charset="utf-8"> | 
				
			||||||
 | 
						<meta http-equiv="X-UA-Compatible" content="IE=edge"> | 
				
			||||||
 | 
						<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
						<title>Spectrogram - Current Analyser</title> | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
						<link href="/css/app.css" rel="stylesheet"> | 
				
			||||||
 | 
						<script src="/js/all.js"></script> | 
				
			||||||
 | 
						<script> | 
				
			||||||
 | 
							// server root (or URL) - used for local development with remote AJAX calls | 
				
			||||||
 | 
							// (this needs CORS working on the target - which I added to esp-httpd) | 
				
			||||||
 | 
							var _root = ""; | 
				
			||||||
 | 
						</script> | 
				
			||||||
 | 
					</head> | 
				
			||||||
 | 
					<body class="page-spectrogram"> | 
				
			||||||
 | 
					<div id="outer"> | 
				
			||||||
 | 
					<nav id="menu"> | 
				
			||||||
 | 
						<div id="brand" onclick="$('#menu').toggleClass('expanded')">Current Analyser</div> | 
				
			||||||
 | 
						<a href="/status">Home</a><a href="/wifi">WiFi config</a><a href="/waveform">Waveform</a><a href="/fft">FFT</a><a href="/spectrogram" class="selected">Spectrogram</a><a href="/about">About</a></nav> | 
				
			||||||
 | 
					<div id="content"> | 
				
			||||||
 | 
						<img src="/img/loader.gif" alt="Loading…" id="loader"> | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<h1>Spectrogram</h1> | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<div class="Box center" id="samp-ctrl"> | 
				
			||||||
 | 
						<div> | 
				
			||||||
 | 
							<label for="count">Bins</label> | 
				
			||||||
 | 
							<label for="count" class="select-wrap"> | 
				
			||||||
 | 
								<select name="count" id="count"> | 
				
			||||||
 | 
									<option value="16">8 | 
				
			||||||
 | 
									<option value="32">16 | 
				
			||||||
 | 
									<option value="64">32 | 
				
			||||||
 | 
									<option value="128">64 | 
				
			||||||
 | 
									<option value="256">128 | 
				
			||||||
 | 
									<option value="512">256 | 
				
			||||||
 | 
									<option value="1024" selected>512 | 
				
			||||||
 | 
					<!--				<option value="2048" selected>1024--> | 
				
			||||||
 | 
								</select> | 
				
			||||||
 | 
							</label> | 
				
			||||||
 | 
						</div> | 
				
			||||||
 | 
						<div> | 
				
			||||||
 | 
							<label for="freq">f<sub>bw</sub> <span class="mq-normal-min nb">=</span><span class="mq-tablet-max nb">(Hz)</span></label> | 
				
			||||||
 | 
							<input id="freq" type="number" value="2048"> | 
				
			||||||
 | 
							<span class="mq-normal-min">Hz</span> | 
				
			||||||
 | 
						</div> | 
				
			||||||
 | 
						<div> | 
				
			||||||
 | 
							<label for="interval">Interval <span class="mq-tablet-max" style="font-weight:normal;">(ms)</span></label> | 
				
			||||||
 | 
							<input id="interval" type="number" value="100" step=100 min=0> | 
				
			||||||
 | 
							<span class="mq-normal-min">ms</span> | 
				
			||||||
 | 
						</div> | 
				
			||||||
 | 
						<div> | 
				
			||||||
 | 
							<a id="go-btn" class="button btn-green">Start</a> | 
				
			||||||
 | 
						</div> | 
				
			||||||
 | 
					</div> | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<div class="Box center"> | 
				
			||||||
 | 
						<canvas id="sg" width=860 height=512></canvas> | 
				
			||||||
 | 
					</div> | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<script> | 
				
			||||||
 | 
						$().ready(page_spectrogram.init()); | 
				
			||||||
 | 
					</script> | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<div class="ErrMsg hidden" id="notif"></div> | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					</div><!-- content --> | 
				
			||||||
 | 
					</div><!-- outer --> | 
				
			||||||
 | 
					</body> | 
				
			||||||
 | 
					</html> | 
				
			||||||
									
										
											File diff suppressed because one or more lines are too long
										
									
								
							
						
					Loading…
					
					
				
		Reference in new issue