feat: Add more info on src= tracks when the browser support it (#8302)

This add info about videoTrack when there is not audioTrack

---------

Co-authored-by: Wojciech Tyczyński <[email protected]>

Author: avelad

lib/player.js

@@ -2579,6 +2579,14 @@ shaka.Player = class extends shaka.util.FakeEventTarget {
       this.loadEventManager_.listen(mediaElement.audioTracks, 'change',
           () => this.onTracksChanged_());
     }
+    if (mediaElement.videoTracks) {
+      this.loadEventManager_.listen(mediaElement.videoTracks, 'addtrack',
+          () => this.onTracksChanged_());
+      this.loadEventManager_.listen(mediaElement.videoTracks, 'removetrack',
+          () => this.onTracksChanged_());
+      this.loadEventManager_.listen(mediaElement.videoTracks, 'change',
+          () => this.onTracksChanged_());
+    }
 
     if (mediaElement.textTracks) {
       this.loadEventManager_.listen(
@@ -5112,8 +5120,16 @@ shaka.Player = class extends shaka.util.FakeEventTarget {
       // audioTracks to generate a variant list that is usable for changing
       // languages.
       const audioTracks = Array.from(this.video_.audioTracks);
-      return audioTracks.map((audio) =>
-        shaka.util.StreamUtils.html5TrackToShakaTrack(audio, videoTrack));
+      if (audioTracks.length) {
+        return audioTracks.map((audio) =>
+          shaka.util.StreamUtils.html5TrackToShakaTrack(audio, videoTrack));
+      } else if (videoTrack) {
+        return [
+          shaka.util.StreamUtils.html5TrackToShakaTrack(null, videoTrack),
+        ];
+      } else {
+        return [];
+      }
     } else {
       return [];
     }
@@ -5574,6 +5590,9 @@ shaka.Player = class extends shaka.util.FakeEventTarget {
       this.updateAbrManagerVariants_();
     };
     const selectSrcEqualsMode = () => {
+      if (!track.originalAudioId) {
+        return;
+      }
       if (this.video_ && this.video_.audioTracks) {
         // Safari's native HLS won't let you choose an explicit variant, though
         // you can choose audio languages this way.

lib/util/stream_utils.js

@@ -1538,7 +1538,7 @@ shaka.util.StreamUtils = class {
   /**
    * Generate and return an ID for this track, since the ID field is optional.
    *
-   * @param {TextTrack|AudioTrack} html5Track
+   * @param {TextTrack|AudioTrack|VideoTrack} html5Track
    * @return {number} The generated ID.
    */
   static html5TrackId(html5Track) {
@@ -1589,22 +1589,27 @@ shaka.util.StreamUtils = class {
 
 
   /**
-   * @param {AudioTrack} audioTrack
+   * @param {?AudioTrack} audioTrack
    * @param {?VideoTrack} videoTrack
    * @return {shaka.extern.Track}
    */
   static html5TrackToShakaTrack(audioTrack, videoTrack) {
+    goog.asserts.assert(audioTrack || videoTrack,
+        'There must be at least audioTrack or videoTrack.');
+
     const LanguageUtils = shaka.util.LanguageUtils;
 
+    const language = audioTrack ? audioTrack.language : null;
+
     /** @type {shaka.extern.Track} */
     const track = {
-      id: shaka.util.StreamUtils.html5TrackId(audioTrack),
-      active: audioTrack.enabled,
+      id: shaka.util.StreamUtils.html5TrackId(audioTrack || videoTrack),
+      active: audioTrack ? audioTrack.enabled : videoTrack.selected,
       type: 'variant',
       bandwidth: 0,
-      language: LanguageUtils.normalize(audioTrack.language || 'und'),
-      label: audioTrack.label,
-      kind: audioTrack.kind,
+      language: LanguageUtils.normalize(language || 'und'),
+      label: audioTrack ? audioTrack.label : null,
+      kind: audioTrack ? audioTrack.kind : null,
       width: null,
       height: null,
       frameRate: null,
@@ -1618,7 +1623,7 @@ shaka.util.StreamUtils = class {
       codecs: null,
       audioCodec: null,
       videoCodec: null,
-      primary: audioTrack.kind == 'main',
+      primary: audioTrack ? audioTrack.kind == 'main' : false,
       roles: [],
       forced: false,
       audioRoles: null,
@@ -1631,21 +1636,20 @@ shaka.util.StreamUtils = class {
       tilesLayout: null,
       audioBandwidth: null,
       videoBandwidth: null,
-      originalVideoId: null,
-      originalAudioId: audioTrack.id,
+      originalVideoId: videoTrack ? videoTrack.id : null,
+      originalAudioId: audioTrack ? audioTrack.id : null,
       originalTextId: null,
       originalImageId: null,
       accessibilityPurpose: null,
-      originalLanguage: audioTrack.language,
+      originalLanguage: language,
     };
 
-    if (audioTrack.kind) {
+    if (audioTrack && audioTrack.kind) {
       track.roles = [audioTrack.kind];
       track.audioRoles = [audioTrack.kind];
-      track.label = audioTrack.label;
     }
 
-    if (audioTrack.configuration) {
+    if (audioTrack && audioTrack.configuration) {
       if (audioTrack.configuration.codec) {
         track.audioCodec = audioTrack.configuration.codec;
         track.codecs = track.audioCodec;