RemotePlayback

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Das RemotePlayback Interface der Remote Playback API ermöglicht es der Seite, die Verfügbarkeit von Fernwiedergabegeräten zu erkennen, sich mit diesen zu verbinden und die Wiedergabe auf diesen Geräten zu steuern.

EventTarget RemotePlayback

In diesem Artikel

Instanz-Eigenschaften

Erbt auch Eigenschaften von seinem Eltern-Interface, EventTarget.

RemotePlayback.state Schreibgeschützt

Representiert den Zustand der RemotePlayback-Verbindung. Einer der folgenden Werte:

"connecting"

Der Benutzeragent versucht, die Fernwiedergabe mit dem ausgewählten Gerät zu initiieren.

"connected"

Der Übergang von der lokalen zur Fernwiedergabe ist erfolgt, alle Befehle werden nun auf dem Fernwiedergabegerät ausgeführt.

"disconnected"

Die Fernwiedergabe wurde nicht initiiert, konnte nicht initiiert werden oder wurde gestoppt.

Instanz-Methoden

Erbt auch Methoden von seinem Eltern-Interface, EventTarget.

RemotePlayback.watchAvailability()

Überwacht die Liste der verfügbaren Fernwiedergabegeräte und gibt ein Promise zurück, das mit einer callbackId eines verfügbaren Fernwiedergabegeräts aufgelöst wird.

RemotePlayback.cancelWatchAvailability()

Bricht die Anfrage zum Überwachen der Verfügbarkeit von Fernwiedergabegeräten ab.

RemotePlayback.prompt()

Fordert den Benutzer auf, ein Fernwiedergabegerät auszuwählen und die Erlaubnis zur Verbindung zu erteilen.

Ereignisse

Erbt auch Ereignisse von seinem Eltern-Interface, EventTarget.

connecting

Wird ausgelöst, wenn der Benutzeragent die Fernwiedergabe initiiert.

connect

Wird ausgelöst, wenn der Benutzeragent erfolgreich mit dem Fernwiedergabegerät verbunden ist.

disconnect

Wird ausgelöst, wenn der Benutzeragent die Verbindung zum Fernwiedergabegerät trennt.

Beispiele

Das folgende Beispiel zeigt einen Player mit benutzerdefinierten Steuerungen, die Fernwiedergabe unterstützen. Der anfangs verwendete Knopf zur Auswahl eines Geräts ist verborgen:

html
<video id="videoElement" src="https://example.org/media.ext">
  <button id="deviceBtn" class="hidden">Pick device</button>
</video>

css
.hidden {
  display: none;
}

Die Methode RemotePlayback.watchAvailability() wird verwendet, um nach verfügbaren Fernwiedergabegeräten zu suchen. Wenn ein Gerät verfügbar ist, verwenden Sie den Callback, um den Knopf anzuzeigen.

js
const deviceBtn = document.getElementById("deviceBtn");
const videoElem = document.getElementById("videoElement");

function availabilityCallback(available) {
  // Show or hide the device picker button depending on device availability.
  if (available) {
    deviceBtn.classList.remove("hidden");
  } else {
    deviceBtn.classList.add("hidden");
  }
}

videoElem.remote.watchAvailability(availabilityCallback).catch(() => {
  // If the device cannot continuously watch available,
  // show the button to allow the user to try to prompt for a connection.
  deviceBtn.classList.remove("hidden");
});

Spezifikationen

Spezifikation

Remote Playback API
# remoteplayback-interface

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

Remote Playback API
RemotePlayback
Instanzeigenschaften
1. state
Instanzmethoden
Events
Vererbung
1. EventTarget
Verwandte Seiten für Remote Playback API
1. HTMLMediaElement.disableRemotePlayback
2. HTMLMediaElement.remote