diff options
| -rw-r--r-- | scripts/microphone.js | 37 | ||||
| -rw-r--r-- | scripts/volume_processor.js | 27 |
2 files changed, 24 insertions, 40 deletions
diff --git a/scripts/microphone.js b/scripts/microphone.js index 7e8de6a..93308df 100644 --- a/scripts/microphone.js +++ b/scripts/microphone.js @@ -4,22 +4,33 @@ if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) { navigator.mediaDevices.getUserMedia({ audio: true }) .then(stream => { const audioContext = new (window.AudioContext || window.webkitAudioContext)(); - const source = audioContext.createMediaStreamSource(stream); + const analyser = audioContext.createAnalyser(); + const microphone = audioContext.createMediaStreamSource(stream); + const scriptProcessor = audioContext.createScriptProcessor(2048, 1, 1); - audioContext.audioWorklet.addModule("scripts/volume_processor.js") - .then(() => { - const volumeNode = new AudioWorkletNode(audioContext, "volume_processor"); - source.connect(volumeNode).connect(audioContext.destination); + analyser.smoothingTimeConstant = 0.8; + analyser.fftSize = 1024; - volumeNode.port.onmessage = (event) => { - const volume = event.data; - const db = 20 * Math.log10(volume); + microphone.connect(analyser); + analyser.connect(scriptProcessor); + scriptProcessor.connect(audioContext.destination); - volumeHtml.innerHTML = `${db.toFixed(2)} dB`; - }; - }).catch((err) => { - console.log(err); - }) + scriptProcessor.onaudioprocess = function () { + const array = new Uint8Array(analyser.frequencyBinCount); + analyser.getByteFrequencyData(array); + let values = 0; + + for (let i = 0; i < array.length; i++) { + values += array[i]; + } + + const average = values / array.length; + const volume = Math.round(average); + + const decibels = 20 * Math.log10(volume / 255); + + volumeHtml.innerText = `${decibels.toFixed(2)} dB`; + }; }) .catch(err => { console.error('The following getUserMedia error occurred: ' + err); diff --git a/scripts/volume_processor.js b/scripts/volume_processor.js deleted file mode 100644 index 9765e7b..0000000 --- a/scripts/volume_processor.js +++ /dev/null @@ -1,27 +0,0 @@ -class VolumeProcessor extends AudioWorkletProcessor { - constructor() { - super(); - this.volume = 0; - } - - process(inputs) { - const input = inputs[0]; - if (input.length > 0) { - const channelData = input[0]; - let sum = 0; - - for (let i = 0; i < channelData.length; i++) { - sum += channelData[i] * channelData[i]; - } - - this.volume = Math.sqrt(sum / channelData.length); - - // Отправляем громкость в основной поток - this.port.postMessage(this.volume); - } - - return true; - } -} - -registerProcessor('volume_processor', VolumeProcessor); |