spectrogram/example/index.html at master · diluno/spectrogram · GitHub

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
28
29
30
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Spectrogram</title>
  <link rel="stylesheet" href="/example/styles/style.css">
</head>
<body>
  <h1>Spectrogram</h1>

  <canvas id="canvas"></canvas>
  <div>
    <button id="btn-microphone" disabled="disabled">Live audio</button>
    <select id="select-song">
      <option value="1">Ethos - Final Hope</option>
      <option value="0">Aphex Twins - Equation</option>
    </select>
    <button id="btn-song" disabled="disabled">Play song</button>
    <button id="btn-stop" disabled="disabled">Stop</button>
    <button id="btn-clear" disabled="disabled">Clear</button>
  </div>

  <script src="/example/scripts/audiobuffer-slice.js"></script>
  <script src="/example/scripts/vendor/chroma.js"></script>
  <script src="/spectrogram.js"></script>
  <script src="/example/scripts/main.js"></script>

  <a href="https://github.com/miguelmota/spectrogram" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
</body>
</html>