@@ -258,7 +287,7 @@
-
Aplica cambios a todos los ... canales seleccionados...
+
Aplica cambios a todos los ... canales seleccionados...
+
@@ -1249,6 +1279,7 @@
+
diff --git a/player_interaction.js b/player_interaction.js
index 1ab95b7..fa2ddd9 100644
--- a/player_interaction.js
+++ b/player_interaction.js
@@ -36,6 +36,219 @@ class ChannelListButtonFactory {
}
}
+class EQButton extends shaka.ui.Element {
+ constructor(parent, controls, windowId) {
+ super(parent, controls);
+ this.windowId = windowId;
+
+ this.button_ = document.createElement('button');
+ this.button_.classList.add('shaka-eq-button');
+ this.button_.classList.add('shaka-tooltip');
+ this.button_.setAttribute('aria-label', 'Ecualizador');
+ this.button_.setAttribute('data-tooltip-text', 'Ecualizador');
+
+ const icon = document.createElement('i');
+ icon.classList.add('material-icons-round');
+ icon.textContent = 'equalizer';
+
+ this.button_.appendChild(icon);
+ this.parent.appendChild(this.button_);
+
+ this.eventManager.listen(this.button_, 'click', () => {
+ toggleEQPanel(this.windowId);
+ });
+ }
+
+ destroy() {
+ this.eventManager.release();
+ super.destroy();
+ }
+}
+
+class EQButtonFactory {
+ constructor(windowId) {
+ this.windowId = windowId;
+ }
+ create(rootElement, controls) {
+ return new EQButton(rootElement, controls, this.windowId);
+ }
+}
+
+function setupEQPanel(windowId) {
+ const instance = playerInstances[windowId];
+ if (!instance || !instance.eqPanel || !instance.audioEnhancer) return;
+
+ const enhancer = instance.audioEnhancer;
+ const panel = instance.eqPanel;
+
+ const onOffSwitch = panel.querySelector('.eq-on-off');
+ const resetBtn = panel.querySelector('.eq-reset-btn');
+ const savePresetBtn = panel.querySelector('.eq-save-preset-btn');
+ const customPresetSelect = panel.querySelector('.eq-custom-preset-select');
+ const deletePresetBtn = panel.querySelector('.eq-delete-preset-btn');
+ const bandContainer = panel.querySelector('.eq-band-container');
+
+ bandContainer.innerHTML = '';
+
+ const updateUIFromSettings = (settings) => {
+ onOffSwitch.checked = settings.enabled;
+
+ const preampSlider = panel.querySelector('.eq-slider.preamp');
+ const preampValueLabel = panel.querySelector('.preamp-band .eq-value');
+ if (preampSlider && preampValueLabel) {
+ preampSlider.value = settings.preamp;
+ preampValueLabel.textContent = `${Math.round(settings.preamp)}dB`;
+ }
+
+ const bandSliders = panel.querySelectorAll('.eq-band:not(.preamp-band) .eq-slider');
+ const bandValueLabels = panel.querySelectorAll('.eq-band:not(.preamp-band) .eq-value');
+ bandSliders.forEach((slider, i) => {
+ if (settings.bands[i] !== undefined) {
+ slider.value = settings.bands[i];
+ if (bandValueLabels[i]) {
+ bandValueLabels[i].textContent = `${settings.bands[i]}dB`;
+ }
+ }
+ });
+ };
+
+ onOffSwitch.addEventListener('change', () => {
+ const isEnabled = onOffSwitch.checked;
+ enhancer.toggle(isEnabled);
+ userSettings.eqSettings.enabled = isEnabled;
+ saveAppConfigValue('userSettings', userSettings);
+ });
+
+ resetBtn.addEventListener('click', () => {
+ const flatSettings = { enabled: true, preamp: 0, bands: new Array(10).fill(0), compressor: {} };
+ userSettings.eqSettings = { ...userSettings.eqSettings, ...flatSettings };
+ enhancer.applySettings(flatSettings);
+ updateUIFromSettings(flatSettings);
+ customPresetSelect.value = '';
+ saveAppConfigValue('userSettings', userSettings);
+ });
+
+ const preampBand = document.createElement('div');
+ preampBand.className = 'eq-band preamp-band';
+ preampBand.innerHTML = `
+
+
+
+
+
0dB`;
+ bandContainer.appendChild(preampBand);
+
+ const preampSlider = preampBand.querySelector('.eq-slider');
+ const preampValueLabel = preampBand.querySelector('.eq-value');
+
+ preampSlider.addEventListener('input', () => {
+ const gain = parseFloat(preampSlider.value);
+ enhancer.changePreamp(gain);
+ preampValueLabel.textContent = `${Math.round(gain)}dB`;
+ userSettings.eqSettings.preamp = gain;
+ customPresetSelect.value = '';
+ });
+ preampSlider.addEventListener('change', () => saveAppConfigValue('userSettings', userSettings));
+
+ enhancer.bandFrequencies.forEach((freq, i) => {
+ const bandDiv = document.createElement('div');
+ bandDiv.className = 'eq-band';
+ const labelText = freq >= 1000 ? `${freq / 1000}k` : freq;
+ bandDiv.innerHTML = `
+
+
+
+
+
0dB`;
+ bandContainer.appendChild(bandDiv);
+
+ const slider = bandDiv.querySelector('.eq-slider');
+ const valueLabel = bandDiv.querySelector('.eq-value');
+
+ slider.addEventListener('input', () => {
+ const gain = parseFloat(slider.value);
+ enhancer.changeGain(i, gain);
+ valueLabel.textContent = `${gain}dB`;
+ userSettings.eqSettings.bands[i] = gain;
+ customPresetSelect.value = '';
+ });
+ slider.addEventListener('change', () => saveAppConfigValue('userSettings', userSettings));
+ });
+
+ const staticPresets = {
+ 'dialogue': { enabled: true, preamp: 0, bands: [-2, -1, 0, 2, 4, 4, 2, 0, -1, -2], compressor: {} },
+ 'movie': { enabled: true, preamp: 2, bands: [3, 2, 1, 0, -1, 0, 1, 3, 4, 3], compressor: {} },
+ 'night': { enabled: true, preamp: 0, bands: [4, 3, 2, 0, -2, -4, -5, -6, -7, -8], compressor: { threshold: -40, knee: 30, ratio: 12 } }
+ };
+
+ panel.querySelectorAll('.eq-static-presets button[data-preset]').forEach(button => {
+ button.addEventListener('click', () => {
+ const presetName = button.dataset.preset;
+ if (staticPresets[presetName]) {
+ const settings = staticPresets[presetName];
+ userSettings.eqSettings = { ...userSettings.eqSettings, ...settings };
+ enhancer.applySettings(settings);
+ updateUIFromSettings(settings);
+ customPresetSelect.value = '';
+ saveAppConfigValue('userSettings', userSettings);
+ }
+ });
+ });
+
+ const populateCustomPresets = () => {
+ customPresetSelect.innerHTML = '
';
+ (userSettings.eqSettings.customPresets || []).forEach((preset, index) => {
+ customPresetSelect.innerHTML += `
`;
+ });
+ };
+
+ savePresetBtn.addEventListener('click', () => {
+ const presetName = prompt("Nombre para el preset:", "Mi Sonido");
+ if (presetName) {
+ const newPreset = {
+ name: presetName,
+ settings: {
+ enabled: userSettings.eqSettings.enabled,
+ preamp: userSettings.eqSettings.preamp,
+ bands: [...userSettings.eqSettings.bands]
+ }
+ };
+ if (!userSettings.eqSettings.customPresets) userSettings.eqSettings.customPresets = [];
+ userSettings.eqSettings.customPresets.push(newPreset);
+ populateCustomPresets();
+ customPresetSelect.value = userSettings.eqSettings.customPresets.length - 1;
+ saveAppConfigValue('userSettings', userSettings);
+ }
+ });
+
+ customPresetSelect.addEventListener('change', () => {
+ const index = customPresetSelect.value;
+ if (index !== '') {
+ const preset = userSettings.eqSettings.customPresets[index];
+ if (preset) {
+ const settings = { ...preset.settings, compressor: {} };
+ userSettings.eqSettings = { ...userSettings.eqSettings, ...settings };
+ enhancer.applySettings(settings);
+ updateUIFromSettings(settings);
+ saveAppConfigValue('userSettings', userSettings);
+ }
+ }
+ });
+
+ deletePresetBtn.addEventListener('click', () => {
+ const index = customPresetSelect.value;
+ if (index !== '' && userSettings.eqSettings.customPresets[index]) {
+ if (confirm(`¿Seguro que quieres eliminar el preset "${userSettings.eqSettings.customPresets[index].name}"?`)) {
+ userSettings.eqSettings.customPresets.splice(index, 1);
+ populateCustomPresets();
+ saveAppConfigValue('userSettings', userSettings);
+ }
+ }
+ });
+
+ updateUIFromSettings(userSettings.eqSettings);
+ populateCustomPresets();
+}
function createPlayerWindow(channel) {
const template = document.getElementById('playerWindowTemplate');
@@ -69,11 +282,14 @@ function createPlayerWindow(channel) {
const playerInstance = new shaka.Player();
const uiInstance = new shaka.ui.Overlay(playerInstance, containerElement, videoElement);
- const factory = new ChannelListButtonFactory(uniqueId);
- shaka.ui.Controls.registerElement('channel_list', factory);
+ const channelListFactory = new ChannelListButtonFactory(uniqueId);
+ shaka.ui.Controls.registerElement('channel_list', channelListFactory);
+ const eqButtonFactory = new EQButtonFactory(uniqueId);
+ shaka.ui.Controls.registerElement('eq_button', eqButtonFactory);
+
uiInstance.configure({
- controlPanelElements: ['play_pause', 'time_and_duration', 'volume', 'live_display', 'spacer', 'channel_list', 'quality', 'language', 'captions', 'fullscreen'],
+ controlPanelElements: ['play_pause', 'time_and_duration', 'volume', 'spacer', 'channel_list', 'eq_button', 'quality', 'language', 'captions', 'fullscreen'],
overflowMenuButtons: ['cast', 'picture_in_picture', 'playback_rate'],
addSeekBar: true,
addBigPlayButton: true,
@@ -84,6 +300,15 @@ function createPlayerWindow(channel) {
customContextMenu: true
});
+ const eqPanelTemplate = document.getElementById('eqPanelTemplate');
+ const eqPanel = eqPanelTemplate.content.firstElementChild.cloneNode(true);
+ containerElement.appendChild(eqPanel);
+
+ const audioEnhancer = new AudioEnhancer(videoElement);
+ if (userSettings.eqSettings) {
+ audioEnhancer.applySettings(userSettings.eqSettings);
+ }
+
playerInstances[uniqueId] = {
player: playerInstance,
ui: uiInstance,
@@ -92,8 +317,12 @@ function createPlayerWindow(channel) {
channel: channel,
infobarInterval: null,
isChannelListVisible: false,
- channelListPanelElement: channelListPanel
+ channelListPanelElement: channelListPanel,
+ audioEnhancer: audioEnhancer,
+ eqPanel: eqPanel
};
+
+ setupEQPanel(uniqueId);
setActivePlayer(uniqueId);
@@ -117,6 +346,11 @@ function destroyPlayerWindow(id) {
const instance = playerInstances[id];
if (instance) {
if (instance.infobarInterval) clearInterval(instance.infobarInterval);
+
+ if (instance.audioEnhancer) {
+ instance.audioEnhancer.destroy();
+ }
+
if (instance.player) {
instance.player.destroy().catch(e => {});
}
@@ -321,4 +555,10 @@ function highlightCurrentChannelInList(windowId) {
}
});
}
+}
+
+function toggleEQPanel(windowId) {
+ const instance = playerInstances[windowId];
+ if (!instance || !instance.eqPanel) return;
+ instance.eqPanel.classList.toggle('open');
}
\ No newline at end of file
diff --git a/settings_manager.js b/settings_manager.js
index 045f70d..e29c9fb 100644
--- a/settings_manager.js
+++ b/settings_manager.js
@@ -54,7 +54,14 @@ let userSettings = {
xcodecDefaultTimeout: 8000,
playerWindowOpacity: 1,
compactCardView: false,
- enableHoverPreview: true
+ enableHoverPreview: true,
+ eqSettings: {
+ enabled: true,
+ preamp: 0,
+ bands: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+ compressor: { threshold: -24, knee: 30, ratio: 12, attack: 0.003, release: 0.25 },
+ customPresets: []
+ }
};
let daznAuthTokenState = null;
diff --git a/shaka_handler.js b/shaka_handler.js
index 56fb45b..39139eb 100644
--- a/shaka_handler.js
+++ b/shaka_handler.js
@@ -116,7 +116,8 @@ function buildShakaConfig(channel, isPreview = false) {
maxAttempts: isPreview ? 1 : safeParseInt(userSettings.manifestRetryMaxAttempts, 2),
timeout: isPreview ? 5000 : safeParseInt(userSettings.manifestRetryTimeout, 15000)
},
- dash: { defaultPresentationDelay: parseFloat(userSettings.shakaDefaultPresentationDelay) },
+ defaultPresentationDelay: parseFloat(userSettings.shakaDefaultPresentationDelay),
+ dash: {},
hls: { ignoreTextStreamFailures: true }
},
streaming: {
@@ -347,8 +348,10 @@ async function playChannelInCardPreview(channel, videoContainerElement) {
await activeCardPreviewPlayer.load(resolvedUrl, null, mimeType);
videoElement.play().catch(e => {
- console.warn("Error al iniciar previsualización automática:", e);
- destroyActiveCardPreviewPlayer();
+ if (e.name !== 'AbortError') {
+ console.warn("Error al iniciar previsualización automática:", e);
+ }
+ destroyActiveCardPreviewPlayer();
});
} catch (error) {