diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2018-03-06 13:28:12 +0100 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2018-03-06 13:28:12 +0100 |
| commit | 25fec83f6f7db468721a38adb2c84a0c0a2121f1 (patch) | |
| tree | 5ea8b40951e98639b88b0378618a9ca2f835de7a /index.html | |
displaying waveform and spectrogram
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..c5cf71d --- /dev/null +++ b/index.html @@ -0,0 +1,41 @@ +<html> +<head> +<title>spectral</title> +<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=yes;"> +<style> +* { + box-sizing: border-box; +} +html,body { + background: #eee; + margin: 0; padding: 0; + overflow: hidden; + -webkit-overflow-scrolling: auto; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + user-select: none; +} +html { + background: red; +} +#header { + position: fixed; + bottom: 20px; left: 0; + width: 100%; + color: #000; + font-size: 16px; + font-weight: 100; + text-align: center; + z-index: 20; + pointer-events: none; +} +canvas { + position: absolute; + top: 0; left: 0; +} +</style> +</head> +<body> + <div id="header">spectral synthesis testbed</div> +</body> +<script src='bundle.js'></script> +</html> |