You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.2 KiB
42 lines
1.2 KiB
let timerInterval = null;
|
|
let startTime = null;
|
|
|
|
navigator.mediaDevices.getUserMedia({
|
|
audio: true
|
|
}).then((stream) => {
|
|
const audioContext = new AudioContext();
|
|
const analyser = audioContext.createAnalyser();
|
|
const microphone = audioContext.createMediaStreamSource(stream);
|
|
const scriptProcessor = audioContext.createScriptProcessor(2048, 1, 1);
|
|
|
|
analyser.smoothingTimeConstant = 0.8;
|
|
analyser.fftSize = 1024;
|
|
|
|
microphone.connect(analyser);
|
|
analyser.connect(scriptProcessor);
|
|
scriptProcessor.connect(audioContext.destination);
|
|
setInterval(() => {
|
|
const array = new Uint8Array(analyser.frequencyBinCount);
|
|
analyser.getByteFrequencyData(array);
|
|
const arraySum = array.reduce((a, value) => a + value, 0);
|
|
const average = arraySum / array.length;
|
|
document.querySelector('#mic').innerHTML = Math.round(average);
|
|
}, 1000)
|
|
})
|
|
.catch((err) => {
|
|
console.error(err);
|
|
});
|
|
|
|
const updateTimerDisplay = ()=>{
|
|
document.querySelector('#seconds').innerHTML = Math.floor((Date.now() - startTime)/1000)
|
|
}
|
|
|
|
document.querySelector('#start').addEventListener('click', ()=>{
|
|
startTime = Date.now();
|
|
timerInterval = window.setInterval(updateTimerDisplay,1000);
|
|
})
|
|
|
|
document.querySelector('#stop').addEventListener('click', ()=>{
|
|
window.clearInterval(timerInterval);
|
|
})
|