@realsee/dnalogel 3.19.0-dev.2 → 3.20.0-dev.2

package/libs/PanoVideoPlugin/Controller.js

@@ -1,16 +1,16 @@
-var f = Object.defineProperty, m = Object.defineProperties;
+var g = Object.defineProperty, m = Object.defineProperties;
 var b = Object.getOwnPropertyDescriptors;
 var p = Object.getOwnPropertySymbols;
 var M = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
-var l = (o, t, r) => t in o ? f(o, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[t] = r, a = (o, t) => {
-  for (var r in t || (t = {}))
-    M.call(t, r) && l(o, r, t[r]);
+var l = (o, r, e) => r in o ? g(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, a = (o, r) => {
+  for (var e in r || (r = {}))
+    M.call(r, e) && l(o, e, r[e]);
   if (p)
-    for (var r of p(t))
-      W.call(t, r) && l(o, r, t[r]);
+    for (var e of p(r))
+      W.call(r, e) && l(o, e, r[e]);
   return o;
-}, d = (o, t) => m(o, b(t));
-var s = (o, t, r) => (l(o, typeof t != "symbol" ? t + "" : t, r), r);
+}, d = (o, r) => m(o, b(r));
+var s = (o, r, e) => (l(o, typeof r != "symbol" ? r + "" : r, e), e);
 import { VideoMeshController as c } from "./VideoMeshController.js";
 import { Controller as _ } from "../base/BasePlugin.js";
 import "./utils/shader.js";
@@ -39,12 +39,12 @@ import "./utils/index.js";
 import "animejs";
 import "../shared-utils/url/absoluteUrl.js";
 class T extends _ {
-  constructor(r) {
-    super(r);
+  constructor(e) {
+    super(e);
     s(this, "enabled", !0);
     s(this, "controllerMap", /* @__PURE__ */ new Map());
     s(this, "_disposed", !1);
-    this.five = r;
+    this.five = e;
   }
   /** 插件 State */
   get state() {
@@ -57,18 +57,18 @@ class T extends _ {
     return this._disposed;
   }
   /** 加载点位视频数据，加载数据并不代表会加载点位视频。 */
-  load(r, e) {
+  load(e, t) {
     var i;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    typeof ((i = e == null ? void 0 : e.initialState) == null ? void 0 : i.enabled) != "undefined" && e.initialState.enabled !== this.enabled && (e.initialState.enabled ? this.enable() : this.disable()), r.list.forEach((n) => {
-      const u = n.pano_index, g = n.render_id;
+    typeof ((i = t == null ? void 0 : t.initialState) == null ? void 0 : i.enabled) != "undefined" && t.initialState.enabled !== this.enabled && (t.initialState.enabled ? this.enable() : this.disable()), e.list.forEach((n) => {
+      const f = n.pano_index, u = n.render_id;
       n.video_list.forEach((h) => {
         this.controllerMap.set(
           h.render_id,
           new c(this.five, d(a({}, h), {
-            panoIndex: u,
-            renderID: g,
+            panoIndex: f,
+            renderID: u,
             initialState: { enabled: this.enabled }
           }))
         );
@@ -76,75 +76,51 @@ class T extends _ {
     });
   }
   /** 开启插件功能。 */
-  enable(r) {
+  enable(e) {
     var i;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
     if (this.enabled)
       return;
     this.enabled = !0, Array.from(this.controllerMap.values()).forEach((n) => n.enable());
-    const e = (i = r == null ? void 0 : r.userAction) != null ? i : !0;
-    this.hooks.emit("enable", { userAction: e });
+    const t = (i = e == null ? void 0 : e.userAction) != null ? i : !0;
+    this.hooks.emit("enable", { userAction: t });
   }
   /** 禁用插件功能。 */
-  disable(r) {
+  disable(e) {
     var i;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
     if (!this.enabled)
       return;
     this.enabled = !1, Array.from(this.controllerMap.values()).forEach((n) => n.disable());
-    const e = (i = r == null ? void 0 : r.userAction) != null ? i : !0;
-    this.hooks.emit("disable", { userAction: e });
+    const t = (i = e == null ? void 0 : e.userAction) != null ? i : !0;
+    this.hooks.emit("disable", { userAction: t });
   }
   /** 看向某个视频。
    * - 会自动切换到全景模式。
    * - 如果遇到不能自动播放的问题，需要放到用户交互事件中调用。
    */
-  lookAtVideoItemByRenderID(r) {
+  lookAtVideoItemByRenderID(e) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    const e = this.controllerMap.get(r);
-    if (!e)
-      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
-    e.lookAtVideo();
-  }
-  /**
-   * 将视频开启声音。
-   *
-   * 大部分浏览器都会禁止自动播放声音，需要用户交互后才能开启声音。
-   *
-   * 如果需要自动播放，可以在用户交互事件中调用本方法。
-   *
-   * example:
-   *
-   * ```jsx
-   * onClick={() => {
-   *  panoVideoPluginController.lookAtVideoItemByRenderID('xxx')
-   *  panoVideoPluginController.unmuteByRenderID('xxx')
-   * }}
-   * ```
-   */
-  unmuteByRenderID(r) {
-    if (this.disposed)
-      return this.logWarning("插件已被销毁");
-    const e = this.controllerMap.get(r);
-    if (!e)
-      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
-    e.unmute();
+    const t = this.controllerMap.get(e);
+    if (!t)
+      return this.logWarning(`ID 为 ${e} 的点位视频不存在`);
+    t.lookAtVideo();
   }
   /** 为一个点位添加视频（可以是多条）。 */
-  add(r, e) {
+  add(e, t) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    e.forEach((i) => {
+    t.forEach((i) => {
       if (this.controllerMap.get(i.render_id))
         return this.logWarning(`ID 为 ${i.render_id} 的点位视频已存在`);
       const n = i.render_id;
       this.controllerMap.set(
         i.render_id,
         new c(this.five, d(a({}, i), {
-          panoIndex: r,
+          panoIndex: e,
           renderID: n,
           initialState: { enabled: this.enabled }
         }))
@@ -152,30 +128,30 @@ class T extends _ {
     });
   }
   /** 根据 VideoItem render_id 删除某个视频。 */
-  removeByRenderID(r) {
+  removeByRenderID(e) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    const e = this.controllerMap.get(r);
-    if (!e)
-      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
-    e.dispose(), this.controllerMap.delete(r);
+    const t = this.controllerMap.get(e);
+    if (!t)
+      return this.logWarning(`ID 为 ${e} 的点位视频不存在`);
+    t.dispose(), this.controllerMap.delete(e);
   }
   /** 清空现有数据 */
   clear() {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    Array.from(this.controllerMap.values()).forEach((r) => r.dispose()), this.controllerMap.clear();
+    Array.from(this.controllerMap.values()).forEach((e) => e.dispose()), this.controllerMap.clear();
   }
   /** 销毁插件 */
   dispose() {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    this._disposed = !0, Array.from(this.controllerMap.values()).forEach((r) => r.dispose()), this.controllerMap.clear();
+    this._disposed = !0, Array.from(this.controllerMap.values()).forEach((e) => e.dispose()), this.controllerMap.clear();
   }
   /** 控制台打印警告 */
   // TODO: 全局函数 curry 化
-  logWarning(r) {
-    console.warn("⛔ ==> [PanoVideoPluginController]:", r);
+  logWarning(e) {
+    console.warn("⛔ ==> [PanoVideoPluginController]:", e);
   }
 }
 export {

package/libs/PanoVideoPlugin/VideoMeshController.d.ts

@@ -46,12 +46,6 @@ export declare class VideoMeshController {
     private renderFiveDisposer?;
     /** 初始化视频、模型以及相关事件监听。 */
     constructor(five: Five, params: VideoMeshParams);
-    /**
-     * 开启声音
-     *
-     * @warning 由于大部分浏览器的限制，声音必须在用户交互事件中开启，否则会被浏览器禁用视频播放。
-     */
-    unmute(): void;
     /** 彻底销毁，不响应之后的任何事件 */
     dispose(): void;
     enable(): void;

package/libs/PanoVideoPlugin/VideoMeshController.js

@@ -171,7 +171,7 @@ class ie {
     var r, h;
     this.five = e, this.panoIndex = i.panoIndex, this._id = i.renderID, this.url = i.url, this.origin = i.origin.slice(), this._enabled = (h = (r = i.initialState) == null ? void 0 : r.enabled) != null ? h : !0;
     const n = document.createElement("video");
-    n.crossOrigin = "anonymous", n.autoplay = !1, n.muted = !0, n.loop = !0, n.playsInline = !0, this.video = n, this.unmute = this.unmute.bind(this);
+    n.crossOrigin = "anonymous", n.autoplay = !1, n.muted = !0, n.loop = !0, n.playsInline = !0, this.video = n;
     const o = new F(this.video);
     o.minFilter = m, o.magFilter = m;
     const a = new y({
@@ -203,14 +203,6 @@ class ie {
   get enabled() {
     return this._enabled;
   }
-  /**
-   * 开启声音
-   *
-   * @warning 由于大部分浏览器的限制，声音必须在用户交互事件中开启，否则会被浏览器禁用视频播放。
-   */
-  unmute() {
-    this.video.muted = !1;
-  }
   /** 彻底销毁，不响应之后的任何事件 */
   dispose() {
     this.disposed || (this.disable(), this._disposed = !0);

package/libs/base/BasePlugin.js

@@ -14,7 +14,7 @@ let b = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.19.0-dev.2");
+    i(this, "VERSION", "3.20.0-dev.2");
     i(this, "five");
     /**
      * @description: 插件事件钩子