@vizor-vr/vue 0.2.0 → 0.2.1

package/README.md

@@ -26,6 +26,10 @@ The wrappers import and register the underlying custom elements for you. They ar
 
 `VzVideo`, `VzImg`, `VzTour`, `VzCinema`, `VzLive`, `VzPlaylist`, `VzAnnotation`, `VzCaption`.
 
+## Security
+
+See the monorepo [security policy](https://github.com/vizor-vr/vizor-vr/blob/main/SECURITY.md) for how to report vulnerabilities (security@utgnetworks.com).
+
 ## License
 
 MIT — see [LICENSE](./LICENSE).

package/dist/VzCinema.vue.d.ts

@@ -59,6 +59,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly type: StringConstructor;
         readonly default: undefined;
     };
+    readonly lensAngle: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     readonly collabServer: {
         readonly type: StringConstructor;
         readonly default: undefined;
@@ -146,6 +150,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly type: StringConstructor;
         readonly default: undefined;
     };
+    readonly lensAngle: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     readonly collabServer: {
         readonly type: StringConstructor;
         readonly default: undefined;
@@ -185,6 +193,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly controlsBehavior: "autohide" | "always" | "minimal";
     readonly hideControls: boolean;
     readonly primaryColor: string;
+    readonly lensAngle: number;
     readonly collabServer: string;
     readonly collabRoom: string;
     readonly collabRole: "host" | "viewer";

package/dist/VzCinema.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VzCinema.vue.d.ts","sourceRoot":"","sources":["../src/VzCinema.vue"],"names":[],"mappings":"AAgIA,QAAA,IAAuB,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAhGnB,6CAA6C;;;;iBAIhC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAoGnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"VzCinema.vue.d.ts","sourceRoot":"","sources":["../src/VzCinema.vue"],"names":[],"mappings":"AAgIA,QAAA,IAAuB,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAhGnB,6CAA6C;;;;iBAIhC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAoGnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/VzLive.vue.d.ts

@@ -59,6 +59,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly type: StringConstructor;
         readonly default: undefined;
     };
+    readonly lensAngle: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     readonly collabServer: {
         readonly type: StringConstructor;
         readonly default: undefined;
@@ -147,6 +151,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly type: StringConstructor;
         readonly default: undefined;
     };
+    readonly lensAngle: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     readonly collabServer: {
         readonly type: StringConstructor;
         readonly default: undefined;
@@ -186,6 +194,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly controlsBehavior: "autohide" | "always" | "minimal";
     readonly hideControls: boolean;
     readonly primaryColor: string;
+    readonly lensAngle: number;
     readonly collabServer: string;
     readonly collabRoom: string;
     readonly collabRole: "host" | "viewer";

package/dist/VzLive.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VzLive.vue.d.ts","sourceRoot":"","sources":["../src/VzLive.vue"],"names":[],"mappings":"AAkIA,QAAA,IAAuB,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAjGnB,2CAA2C;;;;IAI3C,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAqGxB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"VzLive.vue.d.ts","sourceRoot":"","sources":["../src/VzLive.vue"],"names":[],"mappings":"AAkIA,QAAA,IAAuB,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAjGnB,2CAA2C;;;;IAI3C,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAqGxB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/VzVideo.vue.d.ts

@@ -59,6 +59,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly type: StringConstructor;
         readonly default: undefined;
     };
+    readonly lensAngle: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     readonly collabServer: {
         readonly type: StringConstructor;
         readonly default: undefined;
@@ -149,6 +153,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly type: StringConstructor;
         readonly default: undefined;
     };
+    readonly lensAngle: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     readonly collabServer: {
         readonly type: StringConstructor;
         readonly default: undefined;
@@ -188,6 +196,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly controlsBehavior: "autohide" | "always" | "minimal";
     readonly hideControls: boolean;
     readonly primaryColor: string;
+    readonly lensAngle: number;
     readonly collabServer: string;
     readonly collabRoom: string;
     readonly collabRole: "host" | "viewer";

package/dist/VzVideo.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VzVideo.vue.d.ts","sourceRoot":"","sources":["../src/VzVideo.vue"],"names":[],"mappings":"AAsIA,QAAA,IAAuB,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAnGnB,4CAA4C;;IAE5C,4CAA4C;;IAE5C,6CAA6C;;IAE7C,8BAA8B;iBACjB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAoGnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"VzVideo.vue.d.ts","sourceRoot":"","sources":["../src/VzVideo.vue"],"names":[],"mappings":"AAyIA,QAAA,IAAuB,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IArGnB,4CAA4C;;IAE5C,4CAA4C;;IAE5C,6CAA6C;;IAE7C,8BAA8B;iBACjB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAsGnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/dash-adapter-BMpHWcBA-B1de3T0m.js

@@ -0,0 +1,70 @@
+var d = Object.defineProperty;
+var n = (i, e, t) => e in i ? d(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var r = (i, e, t) => n(i, typeof e != "symbol" ? e + "" : e, t);
+class p {
+  constructor() {
+    r(this, "videoElement", null);
+    r(this, "player", null);
+    r(this, "_isAttached", !1);
+    r(this, "levels", []);
+  }
+  get supportsABR() {
+    return !0;
+  }
+  get isAttached() {
+    return this._isAttached;
+  }
+  attach(e) {
+    this.videoElement = e, this._isAttached = !0;
+  }
+  async load(e, t) {
+    if (this.videoElement)
+      try {
+        const h = await import("./dash.all.min-DJEXrg26.js").then((a) => a.d);
+        this.player && this.player.destroy();
+        const s = h.MediaPlayer().create();
+        if (t) {
+          const a = t.apiKey ? { "x-api-key": t.apiKey } : void 0;
+          s.setProtectionData({
+            "com.widevine.alpha": { serverURL: t.config.licenseUrls.widevine, httpRequestHeaders: a },
+            "com.microsoft.playready": { serverURL: t.config.licenseUrls.playready, httpRequestHeaders: a }
+          });
+        }
+        s.initialize(this.videoElement, e, !1), s.on("streamInitialized", () => {
+          try {
+            const a = s.getBitrateInfoListFor("video");
+            this.levels = a.map(
+              (l, o) => ({
+                label: l.height ? `${l.height}p` : `Level ${o}`,
+                width: l.width,
+                height: l.height,
+                bitrate: l.bitrate,
+                active: !1
+              })
+            );
+          } catch {
+          }
+        }), this.player = s;
+      } catch (h) {
+        console.error("[Vizor] Failed to load dashjs:", h);
+      }
+  }
+  getQualityLevels() {
+    return this.levels;
+  }
+  setQualityLevel(e) {
+    if (!this.player) return;
+    const t = this.player;
+    e === -1 ? t.updateSettings({
+      streaming: { abr: { autoSwitchBitrate: { video: !0 } } }
+    }) : (t.updateSettings({
+      streaming: { abr: { autoSwitchBitrate: { video: !1 } } }
+    }), t.setQualityFor("video", e));
+  }
+  destroy() {
+    this.player && this.player.destroy(), this.player = null, this.videoElement = null, this._isAttached = !1, this.levels = [];
+  }
+}
+export {
+  p as DashAdapter
+};

package/dist/hls-adapter-C_a65zia-DZrg_yeD.js

@@ -0,0 +1,134 @@
+var f = Object.defineProperty;
+var v = (n, t, e) => t in n ? f(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var o = (n, t, e) => v(n, typeof t != "symbol" ? t + "" : t, e);
+const w = "com.apple.fps";
+async function E(n, t, e, l = {
+  fetch: (...s) => fetch(...s),
+  requestMediaKeySystemAccess: (...s) => navigator.requestMediaKeySystemAccess(...s)
+}) {
+  try {
+    const i = await (await l.requestMediaKeySystemAccess(w, [
+      {
+        initDataTypes: ["skd", "cenc"],
+        videoCapabilities: [{ contentType: "application/vnd.apple.mpegurl", robustness: "" }],
+        distinctiveIdentifier: "not-allowed",
+        persistentState: "not-allowed"
+      }
+    ])).createMediaKeys();
+    if (t.fairplayCertUrl) {
+      const r = await l.fetch(t.fairplayCertUrl, { headers: e ? { "x-api-key": e } : {} }), a = new Uint8Array(await r.arrayBuffer());
+      await i.setServerCertificate(a);
+    }
+    await n.setMediaKeys(i), n.addEventListener("encrypted", (r) => {
+      const a = r, c = i.createSession();
+      c.addEventListener("message", (d) => {
+        const y = d, p = new Uint8Array(y.message);
+        (async () => {
+          try {
+            const h = await l.fetch(t.licenseUrls.fairplay, {
+              method: "POST",
+              headers: { "content-type": "application/octet-stream", ...e ? { "x-api-key": e } : {} },
+              body: p
+            }), u = new Uint8Array(await h.arrayBuffer());
+            await c.update(u);
+          } catch (h) {
+            console.error("[Vizor] FairPlay license error:", h);
+          }
+        })();
+      }), c.generateRequest(a.initDataType, a.initData);
+    });
+  } catch (s) {
+    console.error("[Vizor] FairPlay setup failed:", s);
+  }
+}
+class S {
+  constructor() {
+    o(this, "videoElement", null);
+    o(this, "hls", null);
+    o(this, "_isAttached", !1);
+    o(this, "_isNative", !1);
+    o(this, "levels", []);
+    /** Enable low-latency mode for live streams */
+    o(this, "lowLatencyMode", !1);
+  }
+  get supportsABR() {
+    return !this._isNative;
+  }
+  get isAttached() {
+    return this._isAttached;
+  }
+  attach(t) {
+    this.videoElement = t, this._isAttached = !0;
+  }
+  async load(t, e) {
+    if (this.videoElement) {
+      if (this.videoElement.canPlayType("application/vnd.apple.mpegurl")) {
+        this.videoElement.src = t, this._isNative = !0, e && E(this.videoElement, e.config, e.apiKey);
+        return;
+      }
+      try {
+        const s = (await import("./hls-CxmYC9fy.js")).default;
+        if (!s.isSupported()) {
+          console.error("[Vizor] HLS.js is not supported in this browser");
+          return;
+        }
+        this.hls && this.hls.destroy();
+        const i = new s({
+          enableWorker: !0,
+          lowLatencyMode: this.lowLatencyMode,
+          ...this.lowLatencyMode ? { liveSyncDurationCount: 3, liveMaxLatencyDurationCount: 6 } : {},
+          ...e ? {
+            emeEnabled: !0,
+            drmSystems: {
+              "com.widevine.alpha": { licenseUrl: e.config.licenseUrls.widevine },
+              "com.microsoft.playready": { licenseUrl: e.config.licenseUrls.playready }
+            },
+            licenseXhrSetup: (r, a) => {
+              e.apiKey && r.setRequestHeader("x-api-key", e.apiKey);
+            }
+          } : {}
+        });
+        i.attachMedia(this.videoElement), i.loadSource(t), i.on(s.Events.MANIFEST_PARSED, () => {
+          this.levels = i.levels.map(
+            (r, a) => ({
+              label: r.height ? `${r.height}p` : `Level ${a}`,
+              width: r.width,
+              height: r.height,
+              bitrate: r.bitrate,
+              active: a === i.currentLevel
+            })
+          );
+        }), i.on(s.Events.ERROR, (r, a) => {
+          if (a.fatal)
+            switch (console.error("[Vizor] Fatal HLS error:", a.type, a.details), a.type) {
+              case s.ErrorTypes.NETWORK_ERROR:
+                i.startLoad();
+                break;
+              case s.ErrorTypes.MEDIA_ERROR:
+                i.recoverMediaError();
+                break;
+              default:
+                this.destroy();
+                break;
+            }
+        }), this.hls = i;
+      } catch (l) {
+        console.error("[Vizor] Failed to load hls.js:", l);
+      }
+    }
+  }
+  getQualityLevels() {
+    return this.levels;
+  }
+  setQualityLevel(t) {
+    if (!this.hls || this._isNative) return;
+    const e = this.hls;
+    e.currentLevel = t;
+  }
+  destroy() {
+    this.hls && !this._isNative && this.hls.destroy(), this.hls = null, this.videoElement = null, this._isAttached = !1, this._isNative = !1, this.levels = [];
+  }
+}
+export {
+  S as HlsAdapter
+};