CalvinBackup/binaural-beats-generator
1
0
Fork 0
mirror of https://github.com/elder-plinius/binaural-beats-generator.git synced 2026-08-29 04:10:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update popup.js

Browse Source
This commit is contained in:
pliny
2023-08-12 17:29:48 -07:00
committed by GitHub
parent 9c418e540b
commit 1f93b9b999
1 changed files with 4 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
popup.js
+4 -47
View File
@@ -1,50 +1,7 @@
document.addEventListener('DOMContentLoaded', () => {
let frequencySlider = document.getElementById('frequencySlider');
let frequencyDisplay = document.getElementById('frequencyDisplay');
let deltaSlider = document.getElementById('deltaSlider');
let deltaDisplay = document.getElementById('deltaDisplay');
let volumeSlider = document.getElementById('volumeSlider');
let volumeDisplay = document.getElementById('volumeDisplay');
let playPauseButton = document.getElementById('togglePlayPause');
chrome.storage.sync.get(['frequency', 'delta', 'volume'], (data) => {
frequencySlider.value = data.frequency || 440;
frequencyDisplay.textContent = `Frequency: ${frequencySlider.value} Hz`;
deltaSlider.value = data.delta || 10;
deltaDisplay.textContent = `Delta: ${deltaSlider.value} Hz`;
volumeSlider.value = data.volume || 0.5;
volumeDisplay.textContent = `Volume: ${Math.round(volumeSlider.value * 100)}%`;
});
frequencySlider.oninput = () => {
let frequencyValue = frequencySlider.value;
let brainwaveCategory;
if (frequencyValue <= 4) {
brainwaveCategory = "Delta (Deep Sleep)";
} else if (frequencyValue <= 8) {
brainwaveCategory = "Theta (Meditation)";
} else if (frequencyValue <= 14) {
brainwaveCategory = "Alpha (Relaxation)";
} else if (frequencyValue <= 30) {
brainwaveCategory = "Beta (Focus)";
} else {
brainwaveCategory = "Gamma (Insight)";
}
frequencyDisplay.textContent = `Frequency: ${frequencyValue} Hz - ${brainwaveCategory}`;
chrome.storage.sync.set({frequency: frequencyValue});
};
deltaSlider.oninput = () => {
deltaDisplay.textContent = `Delta: ${deltaSlider.value} Hz`;
chrome.storage.sync.set({delta: deltaSlider.value});
};
volumeSlider.oninput = () => {
volumeDisplay.textContent = `Volume: ${Math.round(volumeSlider.value * 100)}%`;
chrome.storage.sync.set({volume: volumeSlider.value});
};
let frequencySlider = document.getElementById('frequencySlider');
let deltaSlider = document.getElementById('deltaSlider');
let volumeSlider = document.getElementById('volumeSlider');
let playPauseButton = document.getElementById('togglePlayPause');
playPauseButton.addEventListener('click', function() {
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {