91 lines
3.4 KiB
JavaScript
91 lines
3.4 KiB
JavaScript
(() => {
|
|
'use strict';
|
|
const slider = document.getElementById('volumeSlider');
|
|
const volumeValue = document.getElementById('volumeValue');
|
|
const speaker = document.getElementById('speakerMute');
|
|
const mic = document.getElementById('micMute');
|
|
const micGain = document.getElementById('micGainSlider');
|
|
const micGainValue = document.getElementById('micGainValue');
|
|
const endpoint = '/api/audio/settings';
|
|
let state = { volume: 70, mic_gain: null, speaker_muted: false, mic_muted: false };
|
|
let saveTimer;
|
|
|
|
function render() {
|
|
slider.value = String(state.volume);
|
|
volumeValue.value = `${state.volume} %`;
|
|
if (Number.isFinite(state.mic_gain)) {
|
|
micGain.value = String(state.mic_gain);
|
|
micGainValue.textContent = `${state.mic_gain} %`;
|
|
micGain.disabled = false;
|
|
} else {
|
|
micGainValue.textContent = 'N/D';
|
|
micGain.disabled = true;
|
|
}
|
|
speaker.setAttribute('aria-pressed', String(state.speaker_muted));
|
|
speaker.setAttribute('aria-label', state.speaker_muted ? 'Réactiver le haut-parleur' : 'Couper le haut-parleur');
|
|
speaker.title = speaker.getAttribute('aria-label');
|
|
speaker.textContent = state.speaker_muted ? '🔇' : '🔊';
|
|
mic.setAttribute('aria-pressed', String(state.mic_muted));
|
|
mic.setAttribute('aria-label', state.mic_muted ? 'Réactiver le microphone' : 'Couper le microphone');
|
|
mic.title = mic.getAttribute('aria-label');
|
|
mic.textContent = state.mic_muted ? '🎙️̸' : '🎙️';
|
|
}
|
|
|
|
async function save() {
|
|
try {
|
|
const response = await fetch(endpoint, {
|
|
method: 'POST', headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify(Object.fromEntries(Object.entries(state).filter(([k,v]) => v !== null)))
|
|
});
|
|
if (!response.ok) throw new Error(`HTTP ${response.status}`);
|
|
const result = await response.json();
|
|
if (result && typeof result.volume === 'number') {
|
|
state = { ...state, ...result };
|
|
render();
|
|
}
|
|
} catch (error) {
|
|
console.warn('Réglages audio non synchronisés avec Flask :', error);
|
|
}
|
|
}
|
|
|
|
slider.addEventListener('input', () => {
|
|
state.volume = Number(slider.value);
|
|
render();
|
|
clearTimeout(saveTimer);
|
|
saveTimer = setTimeout(save, 200);
|
|
});
|
|
micGain.addEventListener('input', () => {
|
|
state.mic_gain = Number(micGain.value);
|
|
render();
|
|
clearTimeout(saveTimer);
|
|
saveTimer = setTimeout(save, 250);
|
|
});
|
|
speaker.addEventListener('click', () => {
|
|
state.speaker_muted = !state.speaker_muted;
|
|
render();
|
|
clearTimeout(saveTimer);
|
|
save();
|
|
});
|
|
mic.addEventListener('click', () => {
|
|
state.mic_muted = !state.mic_muted;
|
|
render();
|
|
clearTimeout(saveTimer);
|
|
save();
|
|
});
|
|
|
|
(async () => {
|
|
try {
|
|
const response = await fetch(endpoint);
|
|
if (!response.ok) throw new Error(`HTTP ${response.status}`);
|
|
const settings = await response.json();
|
|
if (typeof settings.mic_gain === 'number') state.mic_gain = Math.max(0, Math.min(100, settings.mic_gain));
|
|
if (typeof settings.volume === 'number') state.volume = Math.max(0, Math.min(100, settings.volume));
|
|
if (typeof settings.speaker_muted === 'boolean') state.speaker_muted = settings.speaker_muted;
|
|
if (typeof settings.mic_muted === 'boolean') state.mic_muted = settings.mic_muted;
|
|
} catch (error) {
|
|
console.warn('Réglages audio non disponibles :', error);
|
|
}
|
|
render();
|
|
})();
|
|
})();
|