spectrogram/example/index.html at master · ilovecomputers/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="styles/style.css">
</head>
<body>
  <h1>Spectrogram</h1>

  <canvas id="canvas"></canvas>
  <div>
    <h2>Wavesurfer Demo</h2>
    <audio src="media/demo.wav" controls></audio>
    <button>Draw song's sepctro</button>
    <h2>Ethos - Final Hope</h2>
    <audio src="media/ethos_final_hope.mp3" controls></audio>
    <button>Draw song's sepctro</button>
    <h2>Aphex Twins - Equation</h2>
    <audio src="media/aphex_twins_equation.mp3" controls></audio>
    <button>Draw song's sepctro</button>
    <h2>Audiobook</h2>
    <audio src="media/Scandalinbohemia_doyle_rs.ogg" controls></audio>
    <button>Draw song's sepctro</button>
  </div>

  <script src="scripts/vendor/chroma.js"></script>
  <script src="scripts/main.js" type="module"></script>
</body>
</html>