MediaStream dans Safari ne parvient pas à libérer correctement les ressources

Question

J'utilise la méthode AudioWorkletNode pour enregistrer et tous les navigateurs semblent enregistrer correctement.

Lorsque j'enregistre, l'icône d'enregistrement apparaît sur l'onglet et disparaît à la fin de l'enregistrement.

Cependant, dans Safari, une petite icône de haut-parleur (indiquant généralement que l'onglet émet du son) apparaîtra sur l'onglet à la place de l'icône du microphone.

Je pense donc que je n’ai peut-être pas fermé quelque chose.

Une fois l'enregistrement terminé, je ferai ce qui suit :

// le flux est un type MediaStream
si (flux)
  stream.getTracks().forEach(track => track.stop());
flux = null

Le flux est créé via :

stream = wait navigator.mediaDevices.getUserMedia({
  audio : options
});
Y a-t-il autre chose à faire pour libérer toutes les ressources ? 

Answer 1

Pour tout désactiver, la méthode ci-dessous semble fonctionner. Je viens de trouver ceci par essais et erreurs parce que je n'arrivais pas à comprendre comment faire en sorte que Safari me dise ce qu'il contient encore :

// 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