https://draw-n-listen.netlify.app/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <!-- <meta http-equiv="Cross-Origin-Opener-Policy" content="same-origin">
5    <meta http-equiv="Cross-Origin-Embedder-Policy" content="require-corp"> -->
6    <meta charset="UTF-8" />
7<!-- This site is hosted on Netlify. Anyone can build and deploy a site
8     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=61391af5-2bb2-47bd-b616-5f1028109dd4
9     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
10    <link rel="icon" type="image/svg+xml" href="/cedar_guitar_400.png" />
11    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
12
13    

13<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/cjs/vexflow.min.js"></script>

13
14    

14<script src="https://cdn.jsdelivr.net/npm/[email protected]/releases/vextab-div.js"></script>

14
15    

15<script src="https://cdn.jsdelivr.net/npm/@coderline/[email protected]/dist/alphaTab.min.js"></script>

15
16    <title>Draw &amp; Listen</title>
17    

17<script type="module" crossorigin src="/assets/index-BkJ7d2D6.js"></script>

17
18    <link rel="stylesheet" crossorigin href="/assets/index-D9uLrEEf.css">
19  </head>
20  <body>
21    <div id="app"></div>
22    <!-- <div id="alphaTab" data-tex="true">
23      \title "Hello alphaTab"
24      .
25      :4 0.6 1.6 3.6 0.5 2.5 3.5 0.4 2.4 |
26         3.4 0.3 2.3 0.2 1.2 3.2 0.1 1.1 |
27         3.1.1
28    </div> -->
29    <!-- 

29<script type="text/javascript">
30      const element = document.getElementById('alphaTab');
31      const api = new alphaTab.AlphaTabApi(element);
32    </script>

32 -->
33  </body>
34</html>