Add support for multi-audio language videos.

src/components/VideoPlayer.vue

@@ -440,7 +440,14 @@ export default {
 
                 this.$ui = new shaka.ui.Overlay(localPlayer, this.$refs.container, videoEl);
 
-                const overflowMenuButtons = ["quality", "captions", "picture_in_picture", "playback_rate", "airplay"];
+                const overflowMenuButtons = [
+                    "quality",
+                    "language",
+                    "captions",
+                    "picture_in_picture",
+                    "playback_rate",
+                    "airplay",
+                ];
 
                 if (this.isEmbed) {
                     overflowMenuButtons.push("open_new_tab");
@@ -480,6 +487,9 @@ export default {
             if (qualityConds) this.$player.configure("abr.enabled", false);
 
             player.load(uri, 0, mime).then(() => {
+                // Set the audio language
+                player.selectAudioLanguage(this.getPreferenceString("hl", "en").substr(0, 2));
+
                 if (qualityConds) {
                     var leastDiff = Number.MAX_VALUE;
                     var bestStream = null;

src/utils/DashUtils.js

@@ -42,55 +42,69 @@ const DashUtils = {
     },
     generate_adaptation_set(VideoFormatArray) {
         const adaptationSets = [];
-        const mimeTypes = [];
+
-        const mimeObjects = [[]];
+        let mimeAudioObjs = [];
-        // sort the formats by mime types
+
         VideoFormatArray.forEach(videoFormat => {
             // the dual formats should not be used
             if (videoFormat.mimeType.indexOf("video") != -1 && !videoFormat.videoOnly) {
                 return;
             }
-            // if these properties are not available, then we skip it because we cannot set these properties
+
-            //if (!(videoFormat.hasOwnProperty('initRange') && videoFormat.hasOwnProperty('indexRange'))) {
+            const audioTrackId = videoFormat.audioTrackId;
-            //   return
-            //}
             const mimeType = videoFormat.mimeType;
-            const mimeTypeIndex = mimeTypes.indexOf(mimeType);
+
-            if (mimeTypeIndex > -1) {
+            for (let i = 0; i < mimeAudioObjs.length; i++) {
-                mimeObjects[mimeTypeIndex].push(videoFormat);
+                const mimeAudioObj = mimeAudioObjs[i];
-            } else {
+
-                mimeTypes.push(mimeType);
+                if (mimeAudioObj.audioTrackId == audioTrackId && mimeAudioObj.mimeType == mimeType) {
-                mimeObjects.push([]);
+                    mimeAudioObj.videoFormats.push(videoFormat);
-                mimeObjects[mimeTypes.length - 1].push(videoFormat);
+                    return;
+                }
             }
+
+            mimeAudioObjs.push({
+                audioTrackId,
+                mimeType,
+                videoFormats: [videoFormat],
+            });
         });
-        // for each MimeType generate a new Adaptation set with Representations as sub elements
+
-        for (let i = 0; i < mimeTypes.length; i++) {
+        mimeAudioObjs.forEach(mimeAudioObj => {
-            let isVideoFormat = false;
             const adapSet = {
                 type: "element",
                 name: "AdaptationSet",
                 attributes: {
-                    id: i,
+                    id: mimeAudioObj.audioTrackId,
-                    mimeType: mimeTypes[i],
+                    lang: mimeAudioObj.audioTrackId?.substr(0, 2),
+                    mimeType: mimeAudioObj.mimeType,
                     startWithSAP: "1",
                     subsegmentAlignment: "true",
                 },
                 elements: [],
             };
-            if (!mimeTypes[i].includes("audio")) {
+
-                adapSet.attributes.scanType = "progressive";
+            let isVideoFormat = false;
+
+            if (mimeAudioObj.mimeType.includes("video")) {
                 isVideoFormat = true;
             }
-            mimeObjects[i].forEach(format => {
+
+            if (isVideoFormat) {
+                adapSet.attributes.scanType = "progressive";
+            }
+
+            for (var i = 0; i < mimeAudioObj.videoFormats.length; i++) {
+                const videoFormat = mimeAudioObj.videoFormats[i];
                 if (isVideoFormat) {
-                    adapSet.elements.push(this.generate_representation_video(format));
+                    adapSet.elements.push(this.generate_representation_video(videoFormat));
                 } else {
-                    adapSet.elements.push(this.generate_representation_audio(format));
+                    adapSet.elements.push(this.generate_representation_audio(videoFormat));
                 }
-            });
+            }
+
             adaptationSets.push(adapSet);
-        }
+        });
         return adaptationSets;
     },
     generate_representation_audio(Format) {