Comment obtenir de l'entrée microphone volume de la valeur avec l'api web audio?

Il y a deux principales raisons pour vouloir le "volume":
1) détecter la source de "clips" - c'est à dire la valeur absolue du signal dépasse un niveau prédéfini, généralement très près de 1,0, où il va commencer à l'écrêtage.
2) donner à l'utilisateur une idée de comment haut et fort leur signal.

La raison pour laquelle je liste séparément parce que la première exige que vous traitez de tous les échantillons - parce que vous risquez de manquer une courte transitoire autrement. Pour cela, vous aurez besoin d'utiliser un ScriptProcessor nœud, et vous aurez à parcourir chaque échantillon dans la mémoire tampon à l'intérieur de onaudioprocess à regarder pour les valeurs absolues au-dessus de votre plan de niveau. Vous pourrait déterminer le niveau RMS-trop - juste la somme des carrés de chaque échantillon, diviser par N et de prendre la racine carrée. Pour NE PAS rendre de l'intérieur onaudioprocess, cependant, l'ensemble des valeurs que vous avez accès sur requestAnimationFrame.

Vous pouvez également utiliser un AnalyserNode de faire de la détection de niveau, et juste dans la moyenne des données, un peu comme ce que la réponse ci-dessus n'en getAverageVolume. Cependant, la réponse ci-dessus n'est PAS une bonne utilisation de ScriptProcessor - en fait, c'est à ne pas faire de traitement du script nœud du tout, pas même de transmettre les données à travers, c'est juste de l'utiliser comme une minuterie de rappel. Vous serait mieux servi en utilisant requestAnimationFrame que le visuel de rappel; ne jamais mise en page ou des paramètres visuels de l'intérieur onaudioprocess comme ça, ou vous êtes à la mendicité pour le thrash de votre système audio. Si vous n'avez pas besoin de détection de clip, il suffit de faire la getByteFrequencyCount/getAverageVolume à partir de ci-dessus sur un AnalyserNode (mais vous devez réduire le nombre de bandes dans l'Analyseur - 64 est le minimum, je pense), et vous devez pré-allouer et de la réutilisation d'un Uint8Array plutôt que d'allouer à chaque fois (qui va amplifier la collecte des ordures).

Bien qu'il est un peu tard, j'ai encore de l'espoir pour vous aider.

h5_get_microphone_volume

var audioContext = new (window.AudioContext || window.webkitAudioContext)()
var mediaStreamSource = null
var meter = null
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia({audio: true}).then((stream) => {
mediaStreamSource = audioContext.createMediaStreamSource(stream)
meter = createAudioMeter(audioContext)
mediaStreamSource.connect(meter)
})
}
function createAudioMeter(audioContext, clipLevel, averaging, clipLag) {
const processor = audioContext.createScriptProcessor(512)
processor.onaudioprocess = volumeAudioProcess
processor.clipping = false
processor.lastClip = 0
processor.volume = 0
processor.clipLevel = clipLevel || 0.98
processor.averaging = averaging || 0.95
processor.clipLag = clipLag || 750
//this will have no effect, since we don't copy the input to the output,
//but works around a current Chrome bug.
processor.connect(audioContext.destination)
processor.checkClipping = function () {
if (!this.clipping) {
return false
}
if ((this.lastClip + this.clipLag) < window.performance.now()) {
this.clipping = false
}
return this.clipping
}
processor.shutdown = function () {
this.disconnect()
this.onaudioprocess = null
}
return processor
}
function volumeAudioProcess(event) {
const buf = event.inputBuffer.getChannelData(0)
const bufLength = buf.length
let sum = 0
let x
//Do a root-mean-square on the samples: sum up the squares...
for (var i = 0; i < bufLength; i++) {
x = buf[i]
if (Math.abs(x) >= this.clipLevel) {
this.clipping = true
this.lastClip = window.performance.now()
}
sum += x * x
}
//... then take the square root of the sum.
const rms = Math.sqrt(sum / bufLength)
//Now smooth this out with the averaging factor applied
//to the previous sample - take the max here because we
//want "fast attack, slow release."
this.volume = Math.max(rms, this.volume * this.averaging)
document.getElementById('audio-value').innerHTML = this.volume
}