VideoTrackList

Dieses Interface erbt auch Eigenschaften von seinem übergeordneten Interface, EventTarget.

length Nur lesbar

Die Anzahl der Spuren in der Liste.

selectedIndex Nur lesbar

Der Index der aktuell ausgewählten Spur, falls vorhanden, oder −1 andernfalls.

Dieses Interface erbt auch Methoden von seinem übergeordneten Interface, EventTarget.

getTrackById()

Gibt die VideoTrack zurück, die innerhalb der VideoTrackList gefunden wird und deren id mit dem angegebenen String übereinstimmt. Wenn keine Übereinstimmung gefunden wird, wird null zurückgegeben.

addtrack

Wird ausgelöst, wenn eine neue Videospur zum Medien-Element hinzugefügt wurde. Auch über die onaddtrack-Eigenschaft verfügbar.

change

Wird ausgelöst, wenn eine Videospur aktiv oder inaktiv gemacht wurde. Auch über die onchange-Eigenschaft verfügbar.

removetrack

Wird ausgelöst, wenn eine neue Videospur aus dem Medien-Element entfernt wurde. Auch über die onremovetrack-Eigenschaft verfügbar.

Zusätzlich zur direkten Zugriffsmöglichkeit auf die vorhandenen Videospuren eines Medien-Elements ermöglicht Ihnen VideoTrackList, Ereignishandler für die addtrack- und removetrack-Ereignisse festzulegen, sodass Sie erkennen können, wann Spuren dem Stream des Medien-Elements hinzugefügt oder daraus entfernt werden.

Um die VideoTrackList eines Medien-Elements zu erhalten, verwenden Sie die videoTracks-Eigenschaft.

const videoTracks = document.querySelector("video").videoTracks;

In diesem Beispiel haben wir eine App, die Informationen über die verfügbare Anzahl der Kanäle anzeigt. Um sie aktuell zu halten, werden Handler für die addtrack- und removetrack-Ereignisse eingerichtet.

videoTracks.onaddtrack = updateTrackCount;
videoTracks.onremovetrack = updateTrackCount;

function updateTrackCount(event) {
  trackCount = videoTracks.length;
  drawTrackCountIndicator(trackCount);
}