MediaStream in Safari gibt Ressourcen nicht korrekt frei

Question

Ich verwende die AudioWorkletNode-Methode zum Aufzeichnen und alle Browser scheinen einwandfrei aufzuzeichnen.

Wenn ich aufzeichne, erscheint das Aufnahmesymbol auf der Registerkarte und verschwindet, wenn die Aufnahme endet.

In Safari wird jedoch anstelle des Mikrofonsymbols ein kleines Lautsprechersymbol (das normalerweise anzeigt, dass der Tab Ton ausgibt) angezeigt.

Ich glaube also, dass ich etwas nicht abgeschlossen habe.

Nach Abschluss der Aufnahme werde ich Folgendes tun:

// stream ist ein MediaStream-Typ
if(stream)
  stream.getTracks().forEach(track => track.stop());
stream = null

Der Stream wird erstellt über:

stream = waiting navigator.mediaDevices.getUserMedia({
  Audio: Optionen
});

Ist noch etwas erforderlich, um alle Ressourcen freizugeben?

Answer 1

要关闭所有东西，下面的方法似乎有效。我只是通过试错找到了这个方法，因为我无法弄清楚如何让Safari告诉我它仍然持有什么：

// stream : MediaStream
// sourceNode : MediaStreamAudioSourceNode
// recorderNode : AudioWorkletNode

const tracks = stream.getTracks();
tracks.forEach((track) => {
  track.stop();
  stream.removeTrack(track)
});
stream = null

sourceNode.disconnect();
sourceNode = undefined

recorderNode.disconnect();
recorderNode = undefined