@vindral/web-sdk 3.2.2 → 3.2.4

package/index.d.ts

@@ -1296,6 +1296,7 @@ export interface Options {
 	 */
 	advanced?: AdvancedOptions;
 	media?: Media;
+	videoCodecs?: VideoCodec[];
 }
 /**
  * Contextual information about the language switch
@@ -1443,6 +1444,7 @@ declare const defaultOptions: {
 	advanced: {
 		wasmDecodingConstraint: Partial<VideoConstraint>;
 	};
+	videoCodecs: VideoCodec[];
 };
 /**
  * Available options when initializing the Player. Used for enabling/disabling features

package/index.mjs

@@ -691,7 +691,8 @@ const Yg = {
       width: 1280,
       height: 1280
     }
-  }
+  },
+  videoCodecs: ["av1", "h264"]
 }, xg = "connection_failed", Wg = "connection_failed_will_not_attempt_again", Vg = "authentication_error", Zg = "authentication_expired", Og = "channel_not_found", Xg = "no_incoming_data_error", zg = "connection_inactivity", jg = "missing_init_segment", _g = "no_track_context", $g = "invalid_track_context_state", As = "disconnected_by_edge", es = "decoder_error", ts = "audio_player_error", is = "media_source_error", gs = "webgl_context_lost_error", ss = "access_forbidden";
 class F extends Error {
   constructor(e, g, s = {}) {
@@ -1379,6 +1380,19 @@ class Qg extends iA {
     t(this, "isClosed", () => this.mediaSource.readyState === "closed");
     t(this, "isEnded", () => this.mediaSource.readyState === "ended");
     t(this, "createObjectURL", () => URL.createObjectURL(this.mediaSource));
+    t(this, "attach", (e) => {
+      const g = e;
+      if ("srcObject" in g)
+        try {
+          g.srcObject = this.mediaSource;
+        } catch (s) {
+          if (s instanceof Error && s.name !== "TypeError")
+            throw s;
+          g.src = this.createObjectURL();
+        }
+      else
+        e.src = this.createObjectURL();
+    });
     t(this, "addSourceBuffer", (e) => {
       const g = this.mediaSource.addSourceBuffer(e);
       return new hI(g);
@@ -4156,7 +4170,7 @@ const re = class re {
           const s = !this.mediaElement.paused, I = [];
           this.trackContexts.forEach((B, n) => {
             B.state === "initialized" && I.push({ type: n, mimeType: B.mimeType });
-          }), this.sourceOpenStartTime = Date.now(), this.pendingTracksToAddSourceBuffers = I, this.mediaElement.src = "", this.setTrackContexts(this.trackContexts), this.mediaElement.src = this.mediaSource.createObjectURL(), s && this.mediaElement.play();
+          }), this.sourceOpenStartTime = Date.now(), this.pendingTracksToAddSourceBuffers = I, this.mediaElement.src = "", this.setTrackContexts(this.trackContexts), this.mediaSource.attach(this.mediaElement), s && this.mediaElement.play();
         }
       }
       this.logger.debug("source ended");
@@ -4166,7 +4180,7 @@ const re = class re {
 };
 t(re, "create", (A, e, g) => {
   const s = new re(A, e, g);
-  return s.setTrackContexts(), s.mediaSource.on("source ended", s.onSourceEnded), s.mediaSource.on("source open", s.onSourceOpen), g.src = s.mediaSource.createObjectURL(), s;
+  return s.setTrackContexts(), s.mediaSource.on("source ended", s.onSourceEnded), s.mediaSource.on("source open", s.onSourceOpen), s.mediaSource.attach(g), s;
 });
 let rt = re;
 const ti = (i, A) => {
@@ -5363,23 +5377,26 @@ const bB = (i) => {
     });
     t(this, "filterRenditions", (e) => m(this, null, function* () {
       const g = yield Promise.all(
-        e.map((s) => m(this, null, function* () {
-          var n, o, C;
-          if (FA(s))
+        e.map((n) => m(this, null, function* () {
+          var Q, a, E;
+          if (FA(n))
             return !0;
-          if (!this.isSupportedVideoCodecProfile(s.codec, s.codecString))
+          if (!this.isSupportedVideoCodecProfile(n.codec, n.codecString))
             return !1;
           if (!this.willUseMediaSource()) {
-            const Q = this.options.get("advanced"), a = (n = Q.wasmDecodingConstraint.bitRate) != null ? n : Number.MAX_SAFE_INTEGER, E = (o = Q.wasmDecodingConstraint.width) != null ? o : Number.MAX_SAFE_INTEGER, c = (C = Q.wasmDecodingConstraint.height) != null ? C : Number.MAX_SAFE_INTEGER;
-            return s.bitRate <= a && s.width <= E && s.height <= c;
+            const c = this.options.get("advanced"), l = (Q = c.wasmDecodingConstraint.bitRate) != null ? Q : Number.MAX_SAFE_INTEGER, f = (a = c.wasmDecodingConstraint.width) != null ? a : Number.MAX_SAFE_INTEGER, w = (E = c.wasmDecodingConstraint.height) != null ? E : Number.MAX_SAFE_INTEGER;
+            return n.bitRate <= l && n.width <= f && n.height <= w;
           }
-          if (!(yield tB(s)).supported)
+          const o = yield tB(n);
+          if (!o.supported || n.codec == "av1" && !o.smooth && !o.powerEfficient)
             return !1;
-          const B = this.options.getOverride("maxVideoBitRate", this.channelId);
-          return B ? B >= s.bitRate : !0;
+          const C = this.options.getOverride("maxVideoBitRate", this.channelId);
+          return C ? C >= n.bitRate : !0;
         }))
       );
-      return e.filter((s, I) => g[I]);
+      let s = e.filter((n, o) => g[o]);
+      const I = s.findLast((n) => n.codec === "h264"), B = s.findLast((n) => n.codec === "av1");
+      return I && B && I.width > B.width && I.height > B.height && (s = s.filter((n) => n.codec !== "av1")), s;
     }));
     /**
      * Patch the subscription with properties from the channel that isn't known until connection
@@ -5396,7 +5413,7 @@ const bB = (i) => {
         j.INITIAL_MAX_BIT_RATE,
         g,
         this.targetSubscription.audio.bitRate
-      ), B = this.options.get("media") === "audio" ? [] : ["av1", "h264"], n = this.supportedAudioCodecs(), o = e.renditions.filter(FA), C = e.renditions.filter(qA), Q = n.find((l) => o.find((f) => f.codec === l) !== void 0), a = B.find((l) => C.find((f) => f.codec === l) !== void 0), E = o.map((l) => l.language);
+      ), B = this.options.get("media") === "audio" ? [] : this.options.get("videoCodecs"), n = this.supportedAudioCodecs(), o = e.renditions.filter(FA), C = e.renditions.filter(qA), Q = n.find((l) => o.find((f) => f.codec === l) !== void 0), a = B.find((l) => C.find((f) => f.codec === l) !== void 0), E = o.map((l) => l.language);
       if (this.logger.debug("supported and selected codecs", { audioCodecs: n, videoCodecs: B, audioCodec: Q, videoCodec: a }), a) {
         const l = this.options.get("maxSize");
         this.modules.subscription.setVideoConstraint(h({
@@ -5533,7 +5550,7 @@ const bB = (i) => {
       const e = this.modules.canvasModule ? this.options.get("iosMediaElementEnabled") : void 0;
       return h({
         uptime: Date.now() - this.createdAt,
-        version: "3.2.2",
+        version: "3.2.4",
         clientId: this.clientId,
         sessionId: this.sessionId,
         channelId: this.channelId,