<link rel="stylesheet" href="style/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap" rel="stylesheet">
</head>
<body>
+
<noscript>You need to enable JavaScript to run this app.</noscript>
<svg id="background" width="100%" height="100%"></svg>
+
<div id="sp-root">
<div>
<div id="waveform">
</div>
- <div class="slidecontain">
- <div id="params">
- <h2>Parameters</h2>
- </div>
+ <div id="transport">
+ <h2>Transport</h2>
+ <div class="container" id="container_tp"></div>
+ </div>
+
+ <div id="marker_cue">
+ <h2>Cue Marker</h2>
+ <div class="container" id="cue"></div>
+ </div>
+
+ <div id="marker_loop">
+ <h2>Loop Marker</h2>
+ <div class="container" id="loop"></div>
</div>
- <div id="buttoncontain">
+ <div id="marker_edit">
+ <h2>Edit Marker</h2>
</div>
+
</div>
<script src="https://unpkg.com/wavesurfer.js@7"></script>
+ <script src="https://unpkg.com/wavesurfer.js@7/dist/plugins/regions.min.js"></script>
+ <script src="app.js" type="module"></script>
+
<!--
- <script type="text/javascript" src="js/app.js"></script>
+ <script src="js/wavesurfer.js"></script>
+ <script src="js/wavesurfer.regions.min.js"></script>
+ <script src="app.js"></script>
-->
</body>
git.dabkitsch.com / m29-web-sfp.git / commitdiff