Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

MediaStreamTrack: unmute Ereignis

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨März 2018⁩.

Das unmute Ereignis wird an ein MediaStreamTrack gesendet, wenn die Quelle des Tracks nach einer Periode, in der kein Mediendaten bereitgestellt werden konnten, wieder in der Lage ist, Mediendaten bereitzustellen.

Dies beendet den muted Zustand, der mit dem mute Ereignis begann.

Hinweis: Die Bedingung, die die meisten Menschen als "stummgeschaltet" betrachten (d.h. eine benutzerkontrollierte Möglichkeit, einen Track stummzuschalten), wird tatsächlich über die MediaStreamTrack.enabled Eigenschaft verwaltet, für die es keine Ereignisse gibt.

Dieses Ereignis kann nicht abgebrochen werden und löst keine Bubbling aus.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandler-Eigenschaft.

js
addEventListener("unmute", (event) => { })

onunmute = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

In diesem Beispiel werden Ereignishandler für die mute und unmute Ereignisse eingerichtet, um zu erkennen, wann das Medium nicht von der Quelle für das MediaStreamTrack, das in der Variable musicTrack gespeichert ist, fließt.

js
musicTrack.addEventListener(
  "mute",
  (event) => {
    const widget = document.getElementById("timeline-widget");
    widget.style.backgroundColor = "#aaaaaa";
  },
  false,
);

musicTrack.addEventListener(
  "unmute",
  (event) => {
    document.getElementById("timeline-widget").style.backgroundColor = "white";
  },
  false,
);

Mit diesen Ereignishandlern wird, wenn der Track musicTrack in seinen muted Zustand wechselt, die Hintergrundfarbe des Elements mit der ID timeline-widget auf #aaaaaa geändert. Wenn der Track den stummgeschalteten Zustand verlässt – erkannt am Eintreffen eines unmuted Ereignisses – wird die Hintergrundfarbe auf weiß zurückgesetzt.

Sie können auch die onunmute Ereignishandler-Eigenschaft verwenden, um einen Handler für dieses Ereignis einzurichten; ähnlich ist der onmute Ereignishandler verfügbar, um einen Handler für das mute Ereignis einzurichten. Das folgende Beispiel zeigt dies:

js
musicTrack.onmute = (event) => {
  document.getElementById("timeline-widget").style.backgroundColor = "#aaaaaa";
};

musicTrack.onunmute = (event) => {
  document.getElementById("timeline-widget").style.backgroundColor = "white";
};

Tracks durch Empfänger unmutieren

Das folgende Beispiel zeigt, wie Tracks durch Empfänger unmutiert werden.

js
// Peer 1 (Receiver)
audioTrack.addEventListener("unmute", (event) => {
  // Do something in UI
});

videoTrack.addEventListener("unmute", (event) => {
  // Do something in UI
});

// Peer 2 (Sender)
const transceivers = peer.getTransceivers();

const audioTrack = transceivers[0];
audioTrack.direction = "sendrecv";

const videoTrack = transceivers[1];
videoTrack.direction = "sendrecv";

transceivers ist ein Array von RTCRtpTransceiver, in dem Sie den gesendeten und empfangenen Audio- oder Videotrack finden können. Weitere Informationen finden Sie im Artikel über direction.

Spezifikationen

Specification
Media Capture and Streams
# event-mediastreamtrack-unmute

Browser-Kompatibilität

Siehe auch