@vindral/web-sdk 4.1.2 → 4.1.3

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.1.2",
+  "version": "4.1.3",
   "name": "@vindral/web-sdk",
   "main": "./legacy.umd.js",
   "module": "./legacy.es.js",

package/player.d.ts

@@ -995,11 +995,20 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	 */
 	get channelCurrentTime(): number;
 	/**
-	 * The current target buffer time in milliseconds
+	 * The current target buffer time in milliseconds.
+	 *
+	 * Initially, this will always be equal to `minBufferTime`.
+	 * Only when using a separate `maxBufferTime`, the `targetBufferTime` will be able to vary between min and max.
+	 *
 	 */
 	get targetBufferTime(): number;
 	/**
-	 * Set the current target buffer time in milliseconds
+	 * Set the current target buffer time in milliseconds.
+	 *
+	 * Note that setting this will not respect min/max buffer time values.
+	 * For instance with `{ minBufferTime: 500, maxBufferTime: 3000 }, you can still set `targetBufferTime` to 100 ms.`
+	 * The dynamic buffer will still work in respect to the originally set values when needed. Therefore we recommend
+	 * setting targetBufferTime within that range for consistancy if using both min/max.
 	 */
 	set targetBufferTime(bufferTimeMs: number);
 	/**

package/player.js

@@ -24,10 +24,10 @@ var G = (d, a, t) => new Promise((i, s) => {
   }, u = (v) => v.done ? i(v.value) : Promise.resolve(v.value).then(o, p);
   u((t = t.apply(d, a)).next());
 });
-import { L as jr, V as Vr, i as Yr, A as Jr, C as Qr, a as Wr } from "./ZD9OGvpf.js";
+import { L as jr, V as Vr, i as Yr, A as Jr, C as Qr, a as Wr } from "./DykhWWFG.js";
 import { E as li } from "./Bx7s5QdT.js";
 import { CastSender as Zr } from "./cast-sender.js";
-import { A as to, d as eo } from "./hRzek83o.js";
+import { A as to, d as eo } from "./Bs3ZbgIy.js";
 const Xi = 1e3, ji = Xi * 1e3, $s = ji * 1e3, Bi = (d, a, t) => d % a === 0 ? d / a : (d / a).toFixed(t), io = (d, a = 1) => d >= $s ? `${Bi(d, $s, a)} Gbit/s` : d >= ji ? `${Bi(d, ji, a)} Mbit/s` : d >= Xi ? `${Bi(d, Xi, a)} Kbit/s` : `${d} bit/s`, so = ({ width: d, height: a }) => `${d}x${a}`, no = ({
   title: d,
   subTitle: a = "Live stream",
@@ -1247,7 +1247,7 @@ class uo extends li {
     l(this, Li, () => G(this, null, function* () {
       yield this.element.requestPictureInPicture();
     }));
-    l(this, Ti, () => G(this, null, function* () {
+    l(this, Ti, () => G(null, null, function* () {
       yield document.exitPictureInPicture();
     }));
     l(this, Yt, () => !!this.element.requestPictureInPicture && !!document.pictureInPictureEnabled);
@@ -1617,17 +1617,20 @@ Sn.innerHTML = /* HTML */
       right: 0;
       transition: opacity 0.5s;
       user-select: none;
-      pointer-events: auto;
-
-      // Ensure the #ui element is above the video element on Safari
-      z-index: 1;
+      pointer-events: none;
     }
 
     #ui > * {
-      pointer-events: auto;
       display: var(--ui-display);
     }
 
+    #ui > slot::slotted(*) {
+      pointer-events: auto;
+      z-index: 10;
+      // Ensure the #ui element is above the video element on Safari
+      // and that we can layer things under, between, and above ui and video
+    }
+
     #video {
       cursor: none;
       display: flex;
@@ -1635,6 +1638,10 @@ Sn.innerHTML = /* HTML */
       z-index: 0;
     }
 
+    :host([user-interacting]) #video {
+      cursor: auto;
+    }
+
     #video > canvas {
       object-fit: contain;
     }
@@ -1645,12 +1652,11 @@ Sn.innerHTML = /* HTML */
       flex-grow: 1;
     }
 
-    slot#top-bar {
+    #top-bar::slotted(*) {
       background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
       padding: var(--control-padding);
     }
-
-    slot#bottom-bar {
+    #bottom-bar::slotted(*) {
       padding: var(--control-padding);
       background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
     }
@@ -2838,7 +2844,7 @@ class wo extends li {
   }
   start(t = 5e3) {
     e(this, lt) && clearInterval(e(this, lt)), c(this, At, !1), c(this, Pt, !1), r(this, H, ys).call(this), r(this, H, Es).call(this), c(this, lt, window.setInterval(() => {
-      !e(this, Pt) && !e(this, se).infiniteReconnect && !e(this, kt) && e(this, yt) && c(this, kt, window.setTimeout(() => r(this, H, sr).call(this), 5 * 60 * 1e3)), !e(this, Pt) && e(this, yt) && r(this, H, Es).call(this);
+      !e(this, Pt) && !e(this, se).infiniteReconnect && !e(this, kt) && e(this, yt) && c(this, kt, window.setTimeout(() => r(this, H, sr).call(this), 300 * 1e3)), !e(this, Pt) && e(this, yt) && r(this, H, Es).call(this);
     }, t));
   }
   stop() {
@@ -2913,6 +2919,11 @@ const Io = new RegExp(
       }
     }
 
+    vindral-scroll-overlay {
+      z-index: 20;
+      // needs to be higher than bottom bar/UI
+    }
+
     :host([${X.OFFLINE}]) {
       aspect-ratio: 16 / 9;
       vindral-controller {
@@ -3531,6 +3542,7 @@ Er.innerHTML = /* HTML */
       pointer-events: auto;
       scroll-snap-align: start;
       min-height: 1px;
+      -webkit-tap-highlight-color: transparent;
     }
 
     slot#content {

package/react.d.ts

@@ -997,11 +997,20 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	 */
 	get channelCurrentTime(): number;
 	/**
-	 * The current target buffer time in milliseconds
+	 * The current target buffer time in milliseconds.
+	 *
+	 * Initially, this will always be equal to `minBufferTime`.
+	 * Only when using a separate `maxBufferTime`, the `targetBufferTime` will be able to vary between min and max.
+	 *
 	 */
 	get targetBufferTime(): number;
 	/**
-	 * Set the current target buffer time in milliseconds
+	 * Set the current target buffer time in milliseconds.
+	 *
+	 * Note that setting this will not respect min/max buffer time values.
+	 * For instance with `{ minBufferTime: 500, maxBufferTime: 3000 }, you can still set `targetBufferTime` to 100 ms.`
+	 * The dynamic buffer will still work in respect to the originally set values when needed. Therefore we recommend
+	 * setting targetBufferTime within that range for consistancy if using both min/max.
 	 */
 	set targetBufferTime(bufferTimeMs: number);
 	/**

package/{CI-d-Lzb.js → ypJV-2eL.js}

@@ -27,10 +27,10 @@ var X = (B, g, A) => new Promise((J, k) => {
   }, o = (h) => h.done ? J(h.value) : Promise.resolve(h.value).then(y, a);
   o((A = A.apply(B, g)).next());
 });
-import { F as RA, d as JA, n as kA } from "./ZD9OGvpf.js";
-var hA = function() {
+import { F as RA, d as JA, n as kA } from "./DykhWWFG.js";
+var hA = (function() {
   var B = typeof document != "undefined" && document.currentScript ? document.currentScript.src : void 0;
-  return function(g) {
+  return (function(g) {
     g = g || {};
     var A;
     A || (A = typeof g != "undefined" ? g : {});
@@ -175,7 +175,7 @@ var hA = function() {
       } catch (Q) {
         return S("Module.instantiateWasm callback failed with error: " + Q), !1;
       }
-      return function() {
+      return (function() {
         return L || typeof WebAssembly.instantiateStreaming != "function" || V(s) || typeof fetch != "function" ? i(C) : fetch(s, { credentials: "same-origin" }).then(function(Q) {
           return WebAssembly.instantiateStreaming(Q, G).then(
             C,
@@ -184,7 +184,7 @@ var hA = function() {
             }
           );
         });
-      }().catch(k), {};
+      })().catch(k), {};
     })(), A.___wasm_call_ctors = function() {
       return (A.___wasm_call_ctors = A.asm.h).apply(null, arguments);
     }, A._opus_decoder_create = function() {
@@ -223,8 +223,8 @@ var hA = function() {
     }
     if (A.run = l, A.preInit) for (typeof A.preInit == "function" && (A.preInit = [A.preInit]); 0 < A.preInit.length; ) A.preInit.pop()();
     return l(), g.ready;
-  };
-}(), QA = /* @__PURE__ */ ((B) => (B[B.OK = 0] = "OK", B[B["Bad argument"] = -1] = "Bad argument", B[B["Buffer too small"] = -2] = "Buffer too small", B[B["Internal error"] = -3] = "Internal error", B[B["Invalid packet"] = -4] = "Invalid packet", B[B.Unimplemented = -5] = "Unimplemented", B[B["Invalid state"] = -6] = "Invalid state", B[B["Memory allocation fail"] = -7] = "Memory allocation fail", B))(QA || {});
+  });
+})(), QA = /* @__PURE__ */ ((B) => (B[B.OK = 0] = "OK", B[B["Bad argument"] = -1] = "Bad argument", B[B["Buffer too small"] = -2] = "Buffer too small", B[B["Internal error"] = -3] = "Internal error", B[B["Invalid packet"] = -4] = "Invalid packet", B[B.Unimplemented = -5] = "Unimplemented", B[B["Invalid state"] = -6] = "Invalid state", B[B["Memory allocation fail"] = -7] = "Memory allocation fail", B))(QA || {});
 const w = class w {
   constructor(g, A, J) {
     // = 120ms
@@ -265,7 +265,7 @@ const w = class w {
     );
   }
 };
-E(w, "MAX_OPUS_BUFFER", 1e3 * 1e3), E(w, "MAX_SAMPLES", 6 * 960), E(w, "create", (g, A) => X(w, null, function* () {
+E(w, "MAX_OPUS_BUFFER", 1e3 * 1e3), E(w, "MAX_SAMPLES", 6 * 960), E(w, "create", (g, A) => X(null, null, function* () {
   return new w(yield hA(), g, A);
 }));
 let m = w;
@@ -303,7 +303,7 @@ const d = class d {
     return this.errors.pop();
   }
 };
-E(d, "create", (g, A) => X(d, null, function* () {
+E(d, "create", (g, A) => X(null, null, function* () {
   return new d(yield m.create(g, A));
 }));
 let BA = d;