This article describes how you can use the API to detect video track quality changes.
The VideoTrack API, which is a sub-API of the MediaTrack API, can be used to implement this functionality. Implementing this functionality is a common use-case for developers who want to build their own UI to visualize the available video track qualities.
| Web SDK | Android SDK | iOS SDK | tvOS SDK | Android TV SDK | Chromecast SDK |
|---|---|---|---|---|---|
| Yes | Yes | No | No | Yes | Yes |
The code examples below how to implement the detection of video track qualities across SDK.
The Web SDK leverages the MediaTrack API.
// detect video tracks being added to the player
player.videoTracks.addEventListener("addtrack", function (e0) {
// detect quality changes of a track
e0.track.addEventListener("activequalitychanged", function (e1) {
console.log("activequalitychanged event detected!", e1);
});
});The Android SDK leverages the MediaTrack API.
EventListener<AddTrackEvent> handleAddTrackEvent = new EventListener<AddTrackEvent>() {
EventListener<ActiveQualityChangedEvent> handleActiveQualityChangedEvent = new EventListener<ActiveQualityChangedEvent>() {
@Override
public void handleEvent(ActiveQualityChangedEvent activeQualityChangedEvent) {
System.out.println("activequalitychanged event detected! " + activeQualityChangedEvent.getQuality().toString());
}
};
@Override
public void handleEvent(AddTrackEvent addTrackEvent) {
addTrackEvent.getTrack().addEventListener(VideoTrackEventTypes.ACTIVEQUALITYCHANGEDEVENT, handleActiveQualityChangedEvent);
}
};
tpv.getPlayer().getVideoTracks().addEventListener(VideoTrackListEventTypes.ADDTRACK, handleAddTrackEvent);Currently not available due to iOS limitations.
- A related article on building a Chromeless UI is located at How to build a Chromeless UI.