spectastiq/index.html at main · saracoutinho/spectastiq · 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
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Spectastiq Spectrogram Example</title>
  <style>
    body {
        margin: 30px 0 0 0;
        background: darkgrey;
        font-family: sans-serif;
        overflow: hidden;
    }
    .link {
        text-align: left;
        display: inline-block;
        padding-top: 20px;
        padding-left: 20px;
    }
    .container {
        margin: 0 30px;
    }
  </style>
  <!--
    If the example is not served from a secure context that opts into `SharedArrayBuffer`,
    this serves resources with those headers set.
   -->
  <script src="./enable-threads.js" crossorigin></script>
  <script type="module" src="./spectastiq.js" crossorigin></script>
</head>
<body>
  <div class="container">
    <spectastiq-viewer id="spectastiq" src="robin-1.wav"></spectastiq-viewer>
    <a class="link" href="https://github.com/hardiesoft/spectastiq">Spectastiq github repo</a>
  </div>
  <script>
    const spectastiq = document.getElementById("spectastiq");
  </script>
</body>
</html>