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