computertech/techdj
1
1
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update TechDJ: fix viewer controls, boost listener volume, improve deck sync

Browse Source
This commit is contained in:
3nd3r
2026-01-04 08:14:52 -06:00
parent e4f27c012d
commit 4a1844ae1b
4 changed files with 860 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@@ -139,17 +139,17 @@
<!-- Volume Fader -->
<div class="fader-group">
<label>VOLUME</label>
<input type="range" orient="vertical" class="volume-fader" min="0" max="100" value="80"
<input type="range" orient="vertical" class="volume-fader" min="0" max="100" value="80" data-role="volume" data-deck="A"
oninput="changeVolume('A', this.value)">
</div>
<!-- EQ -->
<div class="eq-container">
<div class="eq-band"><input type="range" orient="vertical" min="-20" max="20" value="0"
<div class="eq-band"><input type="range" orient="vertical" min="-20" max="20" value="0" data-role="eq" data-deck="A" data-band="high"
oninput="changeEQ('A', 'high', this.value)"><label>HI</label></div>
<div class="eq-band"><input type="range" orient="vertical" min="-20" max="20" value="0"
<div class="eq-band"><input type="range" orient="vertical" min="-20" max="20" value="0" data-role="eq" data-deck="A" data-band="mid"
oninput="changeEQ('A', 'mid', this.value)"><label>MID</label></div>
<div class="eq-band"><input type="range" orient="vertical" min="-20" max="20" value="0"
<div class="eq-band"><input type="range" orient="vertical" min="-20" max="20" value="0" data-role="eq" data-deck="A" data-band="low"
oninput="changeEQ('A', 'low', this.value)"><label>LO</label></div>
</div>
@@ -278,17 +278,17 @@
<!-- Volume Fader -->
<div class="fader-group">
<label>VOLUME</label>
<input type="range" orient="vertical" class="volume-fader" min="0" max="100" value="80"
<input type="range" orient="vertical" class="volume-fader" min="0" max="100" value="80" data-role="volume" data-deck="B"
oninput="changeVolume('B', this.value)">
</div>
<!-- EQ -->
<div class="eq-container">
<div class="eq-band"><input type="range" orient="vertical" min="-20" max="20" value="0"
<div class="eq-band"><input type="range" orient="vertical" min="-20" max="20" value="0" data-role="eq" data-deck="B" data-band="high"
oninput="changeEQ('B', 'high', this.value)"><label>HI</label></div>
<div class="eq-band"><input type="range" orient="vertical" min="-20" max="20" value="0"
<div class="eq-band"><input type="range" orient="vertical" min="-20" max="20" value="0" data-role="eq" data-deck="B" data-band="mid"
oninput="changeEQ('B', 'mid', this.value)"><label>MID</label></div>
<div class="eq-band"><input type="range" orient="vertical" min="-20" max="20" value="0"
<div class="eq-band"><input type="range" orient="vertical" min="-20" max="20" value="0" data-role="eq" data-deck="B" data-band="low"
oninput="changeEQ('B', 'low', this.value)"><label>LO</label></div>
</div>
@@ -364,6 +364,12 @@
<div class="broadcast-status" id="broadcast-status">Offline</div>
</div>
<div class="dj-control-section" id="dj-control-section">
<div class="dj-control-status" id="dj-control-status">Controller: Unknown</div>
<button class="dj-control-btn" id="take-control-btn" onclick="takeDjControl()">TAKE CONTROL</button>
<div class="dj-control-hint" id="dj-control-hint">If another DJ has control, this will be denied.</div>
</div>
<div class="listener-info">
<div class="listener-count">
<span class="count-icon">👂</span>
@@ -435,7 +441,7 @@
<div class="volume-control">
<label>🔊 Volume</label>
<input type="range" id="listener-volume" min="0" max="100" value="80"
<input type="range" id="listener-volume" min="0" max="200" value="100"
oninput="setListenerVolume(this.value)">
</div>
<div class="connection-status" id="connection-status">Connecting...</div>