Make the main program a server and add knobs along with some mappings

This commit is contained in:
2023-10-15 19:48:02 -04:00
parent 77ae4f9885
commit 09e031e50e
6 changed files with 219 additions and 13 deletions

View File

@ -5,6 +5,7 @@
<title>DJ Controller Emulator</title>
<link rel="stylesheet" href="assets/stylesheets/style.css">
<script src="assets/scripts/knobs.js" charset="utf-8"></script>
<script src="assets/scripts/main.js" charset="utf-8"></script>
</head>
<body>
@ -30,15 +31,20 @@
</div>
<button type="button" onclick="controller.load(0);">Load</button>
<button type="button" onclick="controller.play_pause(0);">PlayPause</button>
<button type="button" onclick="controller.sync(0);">Sync</button>
</div>
</div>
<div id="mixer">
<div id="knobs">
<div id="eq-knobs">
<div class="deck-eq-knobs">
<knob-input min="0" value="63" step="1" max="127" oninput="controller.eq(0, 'high',this.value);"></knob-input>
<knob-input min="0" value="63" step="1" max="127" oninput="controller.eq(0, 'mid',this.value);"></knob-input>
<knob-input min="0" value="63" step="1" max="127" oninput="controller.eq(0, 'low',this.value);"></knob-input>
</div>
<div class="deck-eq-knobs">
<knob-input min="0" value="63" step="1" max="127" oninput="controller.eq(1, 'high', this.value);"></knob-input>
<knob-input min="0" value="63" step="1" max="127" oninput="controller.eq(1, 'mid', this.value);"></knob-input>
<knob-input min="0" value="63" step="1" max="127" oninput="controller.eq(1, 'low', this.value);"></knob-input>
</div>
</div>
<div id="volume">
@ -77,6 +83,7 @@
</div>
<button type="button" onclick="controller.load(1);">Load</button>
<button type="button" onclick="controller.play_pause(1);">PlayPause</button>
<button type="button" onclick="controller.sync(1);">Sync</button>
</div>
</div>
</div>