alexei.dolgolyov/wled-screen-controller-mixed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add adaptive brightness value source with time-of-day and scene modes

Browse Source 
New "adaptive" value source type that automatically adjusts brightness
based on external conditions. Two sub-modes: time-of-day (schedule-based
interpolation with midnight wrap) and scene brightness (frame luminance
analysis via numpy BT.601 subsampling with EMA smoothing).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Admin
2026-02-24 15:14:30 +03:00
parent 48651f0a4e
commit d339dd3f90
11 changed files with 643 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
server/src/wled_controller/templates/modals/value-source-editor.html
View File

@@ -32,6 +32,7 @@
<option value="static" data-i18n="value_source.type.static">Static</option>
<option value="animated" data-i18n="value_source.type.animated">Animated</option>
<option value="audio" data-i18n="value_source.type.audio">Audio</option>
<option value="adaptive" data-i18n="value_source.type.adaptive">Adaptive</option>
</select>
</div>
@@ -160,6 +161,114 @@
</div>
</div>
<!-- Adaptive fields -->
<div id="value-source-adaptive-section" style="display:none">
<!-- Sub-mode selector -->
<div class="form-group">
<div class="label-row">
<label for="value-source-adaptive-mode" data-i18n="value_source.adaptive_mode">Adaptive Mode:</label>
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?" data-i18n-aria-label="aria.hint">?</button>
</div>
<small class="input-hint" style="display:none" data-i18n="value_source.adaptive_mode.hint">Time of Day adjusts brightness on a daily schedule. Scene analyzes picture brightness in real time.</small>
<select id="value-source-adaptive-mode" onchange="onAdaptiveModeChange()">
<option value="time_of_day" data-i18n="value_source.adaptive_mode.time_of_day">Time of Day</option>
<option value="scene" data-i18n="value_source.adaptive_mode.scene">Scene Brightness</option>
</select>
</div>
<!-- Time of Day sub-section -->
<div id="value-source-tod-section">
<div class="form-group">
<div class="label-row">
<label data-i18n="value_source.schedule">Schedule:</label>
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?" data-i18n-aria-label="aria.hint">?</button>
</div>
<small class="input-hint" style="display:none" data-i18n="value_source.schedule.hint">Define at least 2 time points. Brightness interpolates linearly between them, wrapping at midnight.</small>
<div id="value-source-schedule-list" class="schedule-list"></div>
<button type="button" class="btn btn-secondary btn-sm" onclick="addSchedulePoint()" data-i18n="value_source.schedule.add">+ Add Point</button>
</div>
</div>
<!-- Scene sub-section -->
<div id="value-source-scene-section" style="display:none">
<div class="form-group">
<div class="label-row">
<label for="value-source-picture-source" data-i18n="value_source.picture_source">Picture Source:</label>
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?" data-i18n-aria-label="aria.hint">?</button>
</div>
<small class="input-hint" style="display:none" data-i18n="value_source.picture_source.hint">The picture source whose frames will be analyzed for average brightness.</small>
<select id="value-source-picture-source">
<!-- populated dynamically -->
</select>
</div>
<div class="form-group">
<div class="label-row">
<label for="value-source-scene-behavior" data-i18n="value_source.scene_behavior">Behavior:</label>
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?" data-i18n-aria-label="aria.hint">?</button>
</div>
<small class="input-hint" style="display:none" data-i18n="value_source.scene_behavior.hint">Complement: dark scene = high brightness (ideal for ambient backlight). Match: bright scene = high brightness.</small>
<select id="value-source-scene-behavior">
<option value="complement" data-i18n="value_source.scene_behavior.complement">Complement (dark → bright)</option>
<option value="match" data-i18n="value_source.scene_behavior.match">Match (bright → bright)</option>
</select>
</div>
<div class="form-group">
<div class="label-row">
<label for="value-source-scene-sensitivity" data-i18n="value_source.sensitivity">Sensitivity:</label>
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?" data-i18n-aria-label="aria.hint">?</button>
</div>
<small class="input-hint" style="display:none" data-i18n="value_source.scene_behavior.hint">Gain multiplier for the luminance signal (higher = more reactive to brightness changes)</small>
<div class="range-with-value">
<input type="range" id="value-source-scene-sensitivity" min="0.1" max="5" step="0.1" value="1.0"
oninput="document.getElementById('value-source-scene-sensitivity-display').textContent = this.value">
<span id="value-source-scene-sensitivity-display">1.0</span>
</div>
</div>
<div class="form-group">
<div class="label-row">
<label for="value-source-scene-smoothing" data-i18n="value_source.smoothing">Smoothing:</label>
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?" data-i18n-aria-label="aria.hint">?</button>
</div>
<small class="input-hint" style="display:none" data-i18n="value_source.smoothing.hint">Temporal smoothing (0 = instant response, 1 = very smooth transitions)</small>
<div class="range-with-value">
<input type="range" id="value-source-scene-smoothing" min="0" max="1" step="0.05" value="0.3"
oninput="document.getElementById('value-source-scene-smoothing-display').textContent = this.value">
<span id="value-source-scene-smoothing-display">0.3</span>
</div>
</div>
</div>
<!-- Shared: output range -->
<div class="form-group">
<div class="label-row">
<label for="value-source-adaptive-min-value" data-i18n="value_source.adaptive_min_value">Min Value:</label>
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?" data-i18n-aria-label="aria.hint">?</button>
</div>
<small class="input-hint" style="display:none" data-i18n="value_source.adaptive_min_value.hint">Minimum output brightness</small>
<div class="range-with-value">
<input type="range" id="value-source-adaptive-min-value" min="0" max="1" step="0.01" value="0"
oninput="document.getElementById('value-source-adaptive-min-value-display').textContent = this.value">
<span id="value-source-adaptive-min-value-display">0</span>
</div>
</div>
<div class="form-group">
<div class="label-row">
<label for="value-source-adaptive-max-value" data-i18n="value_source.adaptive_max_value">Max Value:</label>
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?" data-i18n-aria-label="aria.hint">?</button>
</div>
<small class="input-hint" style="display:none" data-i18n="value_source.adaptive_max_value.hint">Maximum output brightness</small>
<div class="range-with-value">
<input type="range" id="value-source-adaptive-max-value" min="0" max="1" step="0.01" value="1"
oninput="document.getElementById('value-source-adaptive-max-value-display').textContent = this.value">
<span id="value-source-adaptive-max-value-display">1</span>
</div>
</div>
</div>
<!-- Description -->
<div class="form-group">
<div class="label-row">