@realsee/dnalogel 3.20.0-dev.2 → 3.20.0

package/libs/PanoVideoPlugin/Controller.js

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

package/libs/PanoVideoPlugin/VideoMeshController.d.ts

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

package/libs/PanoVideoPlugin/VideoMeshController.js

@@ -53,6 +53,14 @@ class ie {
      * @remark 由于 render video 依赖 Five render，因此需要自动 render five。
      */
     t(this, "renderFiveDisposer");
+    /**
+     * 取消静音
+     *
+     * @warning 需要注意：由于大部分浏览器的限制，视频的声音必须在用户有交互事件后才能开启，否则会被浏览器禁用视频播放。
+     */
+    t(this, "unmute", () => {
+      this.video.muted = !1;
+    });
     /** 把 uv 值转换成位置 */
     t(this, "uv2Position", (e, i) => {
       var c;

package/libs/base/BasePlugin.js

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