当麦克风的信号超过设定的阈值时，下面的代码只是将一个框变成红色。它在 Linux 上的 chromium 和 Windows 上的 chrome 上快乐地运行一整天。它在两个平台上的 Firefox 上也运行良好 - 大约 15 秒。当它在 Firefox 上停止工作时，它不会给出任何错误，.getChannelData 只是开始返回全零。我是否发现了 FF 中的错误，或者 chrome 只是在清理我的 shonky javascipt 方面做得更好？
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<style>
#wrapper { width:100px; height: 100px; background-color: #00F; }
</style>
</head>
<body>
<div id="wrapper">
</div>
<div id="outs">
Audio blocks processed: <span id="audProcEnv">none</span><br>
</div>
<script>
const MINFRAMETIME = 100;
const SCRIPTPROCESSORBUFFER = 1024;
const TRIGGERTHRESHOLD = 0.1;
navigator.getUserMedia = (navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.msGetUserMedia);
var audioContext = new (window.AudioContext || window.webkitAudioContext)();
var gainNode = audioContext.createGain();
gainNode.gain.value = 0; // Mute the output / Don't output sound - feedback!
var scriptNode = audioContext.createScriptProcessor(SCRIPTPROCESSORBUFFER, 2, 2);
var vu = document.querySelector('#wrapper');
var audioProcessingEventDiv = document.querySelector('#audProcEnv');
var audioProcessingEventCounter = 0;
var lastRedraw = 0;
var signal = false;
var drawStuff;
navigator.getUserMedia (
{ audio: true },
function(stream) {
var source = audioContext.createMediaStreamSource(stream);
source.connect(scriptNode);
scriptNode.connect(gainNode);
gainNode.connect(audioContext.destination);
draw();
},
function(err) {
console.log('Error:' + err);
}
);
scriptNode.onaudioprocess = function(audioProcessingEvent) {
dispPeak = 0;
signal = false;
audioProcessingEventCounter++;
var left = audioProcessingEvent.inputBuffer.getChannelData (0);
var leftout = audioProcessingEvent.outputBuffer.getChannelData (0);
for (var sample = 0; sample < SCRIPTPROCESSORBUFFER; sample++) {
leftout[sample] = left[sample];
if (left[sample] > dispPeak) { dispPeak = left[sample]; }
if (left[sample] < -dispPeak) { dispPeak = -left[sample]; }
if (dispPeak > TRIGGERTHRESHOLD) { signal = true; }
}
};
function draw() {
drawStuff = requestAnimationFrame(draw);
if (Date.now() > (lastRedraw + MINFRAMETIME)) {
if (signal) {
vu.style.backgroundColor = "#F00";
} else {
vu.style.backgroundColor = "#00F";
}
audioProcessingEventDiv.innerHTML = audioProcessingEventCounter;
lastRedraw = Date.now();
}
}
draw();
</script>
</body>
</html>
None
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
