javascript-software-synthesizer/index.html at main · michaelkolesidis/javascript-software-synthesizer · 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script type="module">
      const GA_TRACKING_ID = import.meta.env.VITE_GA_TRACKING_ID;

      if (GA_TRACKING_ID) {
        // Load gtag.js
        const gtagScript = document.createElement('script');
        gtagScript.setAttribute('async', '');
        gtagScript.src = `https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}`;
        document.head.appendChild(gtagScript);

        // Load GTM (if you still want it, optional)
        const gtmScript = document.createElement('script');
        gtmScript.innerHTML = `
      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-NPLSZVZ');
    `;
        document.head.appendChild(gtmScript);

        // Setup dataLayer and gtag config
        window.dataLayer = window.dataLayer || [];
        function gtag() {
          dataLayer.push(arguments);
        }
        window.gtag = gtag;
        gtag('js', new Date());
        gtag('config', GA_TRACKING_ID);
      }
    </script>
    <meta
      name="description"
      content="JavaScript Software Synthesizer is a web app enabling you to make
      and play music in the browser. It is a software synthesizer implementing a
      variety of JavaScript frameworks and libraries, such as Tone.js and NexusUI2."
    />
    <meta
      name="keywords"
      content="music, midi, sound, synthesizer, sound-processing, synth, piano,
      synthesizers, software-synthesizer, subtractive-synthesis, midi-keyboard,
      fm-synthesizer, piano-keyboard, sound-synthesis, nexusui2, frequency-modulation,
      tonejs, web-audio, fm-synthesis, sound-engineering, javascript-synthesizer, typescript"
    />
    <meta name="author" content="Michael Kolesidis" />
    <title>JSS-01 | JavaScript Software Synthesizer</title>
    <link rel="icon" href="./assets/logo/favicon.ico" />
    <link rel="apple-touch-icon" href="./assets/logo/logo_192.png" />
    <link rel="manifest" href="/jss.webmanifest" />
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/jss.ts"></script>
  </body>
</html>