fix(offline): Text segments are downloaded before audio&video (#7336)

Support for using the old parallel download mechanism is also added.

Fixes: #4878

externs/shaka/player.js

@@ -1847,7 +1847,8 @@ shaka.extern.LcevcConfiguration;
  *   view.
  *   Defaults to <code>true</code>.
  * @property {number} numberOfParallelDownloads
- *   Number of parallel downloads.
+ *   Number of parallel downloads. If the value is 0, downloads will be
+ *   sequential for each stream.
  *   Note: normally browsers limit to 5 request in parallel, so putting a
  *   number higher than this will not help it download faster.
  *   Defaults to <code>5</code>.

lib/offline/storage.js

@@ -1343,7 +1343,7 @@ shaka.offline.Storage = class {
         manifest.presentationTimeline.getSegmentAvailabilityStart();
 
     const numberOfParallelDownloads = config.offline.numberOfParallelDownloads;
-    let groupId = 0;
+    let groupId = numberOfParallelDownloads === 0 ? stream.id : 0;
 
     shaka.offline.Storage.forEachSegment_(stream, startTime, (segment) => {
       const pendingSegmentRefId =
@@ -1395,7 +1395,9 @@ shaka.offline.Storage = class {
         codecs: segment.codecs,
       };
       streamDb.segments.push(segmentDB);
-      groupId = (groupId + 1) % numberOfParallelDownloads;
+      if (numberOfParallelDownloads !== 0) {
+        groupId = (groupId + 1) % numberOfParallelDownloads;
+      }
     });
 
     return streamDb;
@@ -1590,14 +1592,6 @@ shaka.offline.Storage = class {
     /** @type {!Set.<shaka.extern.Stream>} */
     const set = new Set();
 
-    for (const text of manifest.textStreams) {
-      set.add(text);
-    }
-
-    for (const image of manifest.imageStreams) {
-      set.add(image);
-    }
-
     for (const variant of manifest.variants) {
       if (variant.audio) {
         set.add(variant.audio);
@@ -1607,6 +1601,14 @@ shaka.offline.Storage = class {
       }
     }
 
+    for (const text of manifest.textStreams) {
+      set.add(text);
+    }
+
+    for (const image of manifest.imageStreams) {
+      set.add(image);
+    }
+
     return set;
   }