@realsee/dnalogel 3.81.9-alpha.0 → 3.81.9

package/libs/PanoTagPlugin/controller/Tag/MaskTag.shaders.js

@@ -10,7 +10,6 @@ void main() {
 ), t = (
   /* glsl */
   `
-#define RESOLUTION 2048.0
 #define MAX_GROUPS 64
 #define STRICT_MATCH 0.5/255.0
 
@@ -20,11 +19,16 @@ uniform sampler2D mergedTexture;
 uniform float groupCount;
 uniform float textureWidth;
 uniform float pixelsPerGroup;
+uniform vec2 maskTexelSize;
 
 float colorGap(vec3 a, vec3 b) {
   return abs(a.r - b.r) + abs(a.g - b.g) + abs(a.b - b.b);
 }
 
+float exactMatch(vec3 sampleColor, vec3 targetColor) {
+  return colorGap(sampleColor, targetColor) <= STRICT_MATCH ? 1.0 : 0.0;
+}
+
 vec4 readStyleColor(float groupIndex) {
   float px = groupIndex * pixelsPerGroup;
   float texX = (px + 0.5) / textureWidth;
@@ -43,47 +47,49 @@ float readStyleOpacity(float groupIndex) {
   return texture2D(mergedTexture, vec2(texX, 0.5)).r;
 }
 
-float detectEdge(sampler2D map, vec2 uv, vec3 matchColor, float tolerance) {
-  vec4 centerColor = texture2D(map, uv);
-  if (colorGap(centerColor.rgb, matchColor) >= tolerance) return 0.0;
-  float step = 1.0 / RESOLUTION;
-  vec4 u = texture2D(map, uv + vec2(0.0, -step));
-  vec4 l = texture2D(map, uv + vec2(-step, 0.0));
-  vec4 r = texture2D(map, uv + vec2(step, 0.0));
-  vec4 d = texture2D(map, uv + vec2(0.0, step));
-  bool edge = colorGap(u.rgb, matchColor) >= tolerance || colorGap(l.rgb, matchColor) >= tolerance
-    || colorGap(r.rgb, matchColor) >= tolerance || colorGap(d.rgb, matchColor) >= tolerance;
-  return edge ? 1.0 : 0.0;
-}
-
 void main() {
-  vec4 image = texture2D(map, vUv);
-  if (image.r == 0.0 && image.g == 0.0 && image.b == 0.0) discard;
+  vec4 center = texture2D(map, vUv);
+  vec2 quarterTexel = maskTexelSize * 0.25;
+  vec3 sample0 = texture2D(map, vUv + quarterTexel * vec2(-1.0, -1.0)).rgb;
+  vec3 sample1 = texture2D(map, vUv + quarterTexel * vec2(1.0, -1.0)).rgb;
+  vec3 sample2 = texture2D(map, vUv + quarterTexel * vec2(-1.0, 1.0)).rgb;
+  vec3 sample3 = texture2D(map, vUv + quarterTexel * vec2(1.0, 1.0)).rgb;
+
+  float bestCoverage = 0.0;
+  float bestScore = -1.0;
+  float bestOpacity = 0.0;
+  vec3 bestHighlight = vec3(0.0);
 
   // WebGL 1.0 要求循环终止条件必须是编译时常量，所以用 MAX_GROUPS，循环内检查 groupCount
   for (float i = 0.0; i < float(MAX_GROUPS); i += 1.0) {
     if (i < groupCount) {
-      vec4 styleColor = readStyleColor(i);
-      vec3 colorRgb = styleColor.rgb;
-      float tol = readStyleToleranceHighlight(i).r * 3.0;
+      vec3 colorRgb = readStyleColor(i).rgb;
       vec3 highlight = readStyleToleranceHighlight(i).gba;
       float opacity = readStyleOpacity(i);
-      
+
       if (opacity > 0.0) {
-        float gap = colorGap(image.rgb, colorRgb);
-        if (gap > STRICT_MATCH) continue;
-        float smoothRange = 0.01;
-        float matchFactor = 1.0 - smoothstep(tol - smoothRange, tol + smoothRange, gap);
-        if (matchFactor > 0.0) {
-          float isEdge = detectEdge(map, vUv, colorRgb, tol);
-          float alpha = mix(opacity, 1.0, isEdge);
-          alpha *= max(matchFactor, 0.9);
-          gl_FragColor = vec4(highlight, alpha);
-          return;
+        float coverage = 0.25 * (
+          exactMatch(sample0, colorRgb) +
+          exactMatch(sample1, colorRgb) +
+          exactMatch(sample2, colorRgb) +
+          exactMatch(sample3, colorRgb)
+        );
+        // coverage 相同时优先选择中心像素所属标签，避免相邻标签边界随注册顺序闪烁。
+        float score = coverage + exactMatch(center.rgb, colorRgb) * 0.001;
+        if (coverage > 0.0 && score > bestScore) {
+          bestCoverage = coverage;
+          bestScore = score;
+          bestOpacity = opacity;
+          bestHighlight = highlight;
         }
       }
     }
   }
+
+  if (bestCoverage > 0.0) {
+    gl_FragColor = vec4(bestHighlight, bestOpacity * bestCoverage);
+    return;
+  }
   discard;
 }
 `

package/libs/PanoTagPlugin/controller/Tag/PlaneTag.d.ts

@@ -9,8 +9,6 @@ export declare class PlaneTag<C extends TagContentType = TagContentType> extends
     private _floorIndex?;
     private _floorIndexDirty;
     private _opacity?;
-    /** 曾因标签不可见被自动暂停：再次可见时保持暂停并展示播放按钮，等用户主动播放 */
-    private pausedByInvisible;
     constructor(plugin: PanoTagPluginController, tagData: TagData);
     /** 获取透明度 */
     get opacity(): number;
@@ -21,8 +19,6 @@ export declare class PlaneTag<C extends TagContentType = TagContentType> extends
     /** 标记 floorIndex 需要重新计算（在位置等相关数据变化时调用） */
     invalidateFloorIndex(): void;
     applyVisible(): void;
-    /** 销毁 mediaPlane 及其独占的媒体资源 */
-    private disposeMediaPlane;
     set(tag: PartialObjectDeep<Tag<C, 'Plane'>>, deepMerge?: boolean): void;
     setData(...data: Parameters<InstanceType<typeof BaseTag<C, 'Plane'>>['setData']>): void;
     /** 计算楼层索引 */

package/libs/PanoTagPlugin/controller/Tag/PlaneTag.js

@@ -1,41 +1,41 @@
-var M = Object.defineProperty, j = Object.defineProperties;
-var V = Object.getOwnPropertyDescriptors;
-var S = Object.getOwnPropertySymbols;
-var k = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var b = (c, d, t) => d in c ? M(c, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[d] = t, I = (c, d) => {
+var j = Object.defineProperty, V = Object.defineProperties;
+var k = Object.getOwnPropertyDescriptors;
+var F = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
+var b = (c, d, t) => d in c ? j(c, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[d] = t, I = (c, d) => {
   for (var t in d || (d = {}))
-    k.call(d, t) && b(c, t, d[t]);
-  if (S)
-    for (var t of S(d))
+    M.call(d, t) && b(c, t, d[t]);
+  if (F)
+    for (var t of F(d))
       w.call(d, t) && b(c, t, d[t]);
   return c;
-}, F = (c, d) => j(c, V(d));
+}, S = (c, d) => V(c, k(d));
 var v = (c, d, t) => (b(c, typeof d != "symbol" ? d + "" : d, t), t);
 var C = (c, d, t) => new Promise((e, i) => {
   var o = (r) => {
     try {
-      m(t.next(r));
+      p(t.next(r));
     } catch (a) {
       i(a);
     }
-  }, p = (r) => {
+  }, l = (r) => {
     try {
-      m(t.throw(r));
+      p(t.throw(r));
     } catch (a) {
       i(a);
     }
-  }, m = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(o, p);
-  m((t = t.apply(c, d)).next());
+  }, p = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(o, l);
+  p((t = t.apply(c, d)).next());
 });
 import { CONST as _ } from "../../../shared-utils/constants.js";
 import { CSS3DObjectPlus as O } from "../../../shared-utils/CSS3DRender/CSS3DObject.js";
 import { anyPositionToVector3 as E, arrayPositionToVector3 as P } from "../../../shared-utils/positionToVector3.js";
 import * as x from "three";
 import { planeNormal as A } from "../../utils/planeNormal.js";
-import { centerPoint as B } from "../../../shared-utils/three/centerPoint.js";
-import { VideoPlane as H, ImagePlane as L } from "../../utils/model/mediaPlane.js";
-import N from "../../Components/Tag/index.js";
-import { BaseTag as G } from "./BaseTag.js";
+import { centerPoint as H } from "../../../shared-utils/three/centerPoint.js";
+import { VideoPlane as G, ImagePlane as L } from "../../utils/model/mediaPlane.js";
+import B from "../../Components/Tag/index.js";
+import { BaseTag as N } from "./BaseTag.js";
 import "../../../shared-utils/tag.js";
 import "../../../vendor/hammerjs/hammer.js";
 import "../../../shared-utils/three/PointSelector/index.js";
@@ -53,8 +53,8 @@ import "../../../vendor/earcut/src/earcut.js";
 import { uuid as U } from "../../../shared-utils/uuid.js";
 import "../../../shared-utils/five/FivePuppet.js";
 import { Sculpt as R } from "../../../Sculpt/index.js";
-import { Rectangle as q } from "../../../Sculpt/Objects/Rectangle/index.js";
-import { getFloorMesh as W } from "../../../shared-utils/five/getFloorMesh.js";
+import { Rectangle as W } from "../../../Sculpt/Objects/Rectangle/index.js";
+import { getFloorMesh as q } from "../../../shared-utils/five/getFloorMesh.js";
 import "../../../shared-utils/even.js";
 import "../../../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../../../shared-utils/isNil.js";
@@ -302,14 +302,12 @@ import "../../../Sculpt/Objects/Line/index.js";
 import "../../../Sculpt/Editors/RectangleMeshEditor.js";
 import "../../../Sculpt/utils/sortPositionsByCameraPosition.js";
 const Z = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map();
-class tn extends G {
+class tn extends N {
   constructor(t, e) {
     super(t, e);
     v(this, "_floorIndex");
     v(this, "_floorIndexDirty", !0);
     v(this, "_opacity");
-    /** 曾因标签不可见被自动暂停：再次可见时保持暂停并展示播放按钮，等用户主动播放 */
-    v(this, "pausedByInvisible", !1);
     this.state.unfolded = !0, this.loadModel();
   }
   /** 获取透明度 */
@@ -330,12 +328,8 @@ class tn extends G {
     this._floorIndexDirty = !0;
   }
   applyVisible() {
-    var e, i, o, p, m, r;
-    this.computeRenderType() === "Mesh" ? (this.initialSculpt(), ((i = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((p = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : p.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane()) : ((m = this.tag3DContentSvelte) == null || m.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (r = this.tag3DContentSvelte) != null && r.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.visible, this.five.needsRender = !0)), this.syncEditorAuxiliaryVisibility();
-  }
-  /** 销毁 mediaPlane 及其独占的媒体资源 */
-  disposeMediaPlane() {
-    this.mediaPlane && (this.mediaPlane.dispose(), this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0);
+    var e, i, o, l, p, r;
+    this.computeRenderType() === "Mesh" ? (this.initialSculpt(), ((i = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((l = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : l.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane()) : ((p = this.tag3DContentSvelte) == null || p.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (r = this.tag3DContentSvelte) != null && r.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.visible, this.five.needsRender = !0)), this.syncEditorAuxiliaryVisibility();
   }
   set(t, e = !0) {
     super.set(t, e), T(this.five).then(() => {
@@ -343,64 +337,64 @@ class tn extends G {
     });
   }
   setData(...t) {
-    var i, o, p, m, r;
-    super.setData(...t), this.computeRenderType() === "Mesh" ? (((o = (i = this.data.mediaData) == null ? void 0 : i[0]) == null ? void 0 : o.type) === "Video" ? this.renderVideoPlane() : ((m = (p = this.data.mediaData) == null ? void 0 : p[0]) == null ? void 0 : m.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane(), this.mediaPlane && (this.mediaPlane.opacity = this.opacity)) : (r = this.tag3DContentSvelte) == null || r.svelteApp.$set({ tag: this });
+    var i, o, l, p, r;
+    super.setData(...t), this.computeRenderType() === "Mesh" ? (((o = (i = this.data.mediaData) == null ? void 0 : i[0]) == null ? void 0 : o.type) === "Video" ? this.renderVideoPlane() : ((p = (l = this.data.mediaData) == null ? void 0 : l[0]) == null ? void 0 : p.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane(), this.mediaPlane && (this.mediaPlane.opacity = this.opacity)) : (r = this.tag3DContentSvelte) == null || r.svelteApp.$set({ tag: this });
   }
   /** 计算楼层索引 */
   computeFloorIndex() {
-    var m, r;
+    var p, r;
     const t = /* @__PURE__ */ new Map();
-    ((r = (m = this.five.works.getWork(this.workUtil.workCode)) == null ? void 0 : m.observers) != null ? r : []).forEach((a) => {
+    ((r = (p = this.five.works.getWork(this.workUtil.workCode)) == null ? void 0 : p.observers) != null ? r : []).forEach((a) => {
       var h;
-      const l = (h = a.floorIndex) != null ? h : 0;
-      if (!t.has(l)) {
-        const u = W(this.five, l);
-        u.isEmpty() || t.set(l, u);
+      const m = (h = a.floorIndex) != null ? h : 0;
+      if (!t.has(m)) {
+        const u = q(this.five, m);
+        u.isEmpty() || t.set(m, u);
       }
     });
-    const i = B(...this.position.map(E)), o = [], p = [];
-    if (t.forEach((a, l) => {
-      p.push({ floorIndex: l, box: a }), a.containsPoint(i) && o.push({ floorIndex: l, box: a });
+    const i = H(...this.position.map(E)), o = [], l = [];
+    if (t.forEach((a, m) => {
+      l.push({ floorIndex: m, box: a }), a.containsPoint(i) && o.push({ floorIndex: m, box: a });
     }), o.length === 1)
       return o[0].floorIndex;
     if (o.length > 1) {
-      let a = 1 / 0, l = o[0].floorIndex;
+      let a = 1 / 0, m = o[0].floorIndex;
       return o.forEach(({ floorIndex: h, box: u }) => {
         const s = new x.Vector3();
         u.getCenter(s);
         const n = i.distanceTo(s);
-        n < a && (a = n, l = h);
-      }), l;
+        n < a && (a = n, m = h);
+      }), m;
     }
-    if (p.length > 0) {
-      let a = 1 / 0, l = p[0].floorIndex;
-      return p.forEach(({ floorIndex: h, box: u }) => {
+    if (l.length > 0) {
+      let a = 1 / 0, m = l[0].floorIndex;
+      return l.forEach(({ floorIndex: h, box: u }) => {
         const s = new x.Vector3();
         u.getCenter(s);
         const n = i.distanceTo(s);
-        n < a && (a = n, l = h);
-      }), l;
+        n < a && (a = n, m = h);
+      }), m;
     }
   }
   loadModel() {
     return C(this, null, function* () {
-      var e, i, o, p, m, r;
+      var e, i, o, l, p, r;
       if (yield T(this.five), this.computeRenderType() === "Mesh")
-        this.initialSculpt(), ((i = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((p = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : p.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane();
+        this.initialSculpt(), ((i = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((l = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : l.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane();
       else {
         $(this.five);
         const a = this.position.map(E);
-        (r = (m = this.tag3DContentSvelte) == null ? void 0 : m.dispose) == null || r.call(m);
-        const l = document.createElement("div");
-        l.classList.add("tag-media-container");
-        const h = I({ mode: "front", cornerPoints: a, container: l }, this.config.tag3DConfig), u = this.computeRenderType() === "BehindDom" || h.mode === "behind" ? "behind" : "front", s = new O(F(I({}, h), { mode: u })), n = this.computeNormal();
+        (r = (p = this.tag3DContentSvelte) == null ? void 0 : p.dispose) == null || r.call(p);
+        const m = document.createElement("div");
+        m.classList.add("tag-media-container");
+        const h = I({ mode: "front", cornerPoints: a, container: m }, this.config.tag3DConfig), u = this.computeRenderType() === "BehindDom" || h.mode === "behind" ? "behind" : "front", s = new O(S(I({}, h), { mode: u })), n = this.computeNormal();
         s.position.add(n.clone().setLength(_.Z_FIGHTING_OFFSET)), this.plugin.group.add(s);
         let y;
         s.mode === "behind" && this.config.clickable !== !1 && (y = this.addObjectClickHandler(this, s, (g) => {
           this.plugin.hooks.emit("click", { event: g, target: "TagContent", tag: this });
         }));
-        const f = new N({
-          target: l,
+        const f = new B({
+          target: m,
           props: {
             tag: this,
             hooks: this.plugin.hooks,
@@ -432,7 +426,7 @@ class tn extends G {
       magnifier: null
     });
     t.clear(), t.group.removeFromParent();
-    const e = U(), i = new q(
+    const e = U(), i = new W(
       {
         id: e,
         type: "Rectangle",
@@ -484,31 +478,28 @@ class tn extends G {
     this.rectanglePlane.visible = !0, t == null || t.show(), this.five.needsRender = !0;
   }
   renderVideoPlane() {
-    var l, h, u;
+    var m, h, u;
     const t = this.data.mediaData[0];
     if (!t)
       return;
     const { url: e } = t;
     if (!e)
       return;
-    const i = (l = this.data.objectFit) != null ? l : "contain", o = this.currentVisible, p = (() => !!(this.mediaPlane && !o))(), m = (() => !!(!this.mediaPlane && o))(), r = (() => !!(this.mediaPlane && (this.mediaPlane.src !== e || this.mediaPlane.objectFit !== i)))();
-    p && (this.pausedByInvisible = !0), (p || r) && this.disposeMediaPlane();
+    const i = (m = this.data.objectFit) != null ? m : "contain", o = this.currentVisible, l = (() => !!(this.mediaPlane && !o))(), p = (() => !!(!this.mediaPlane && o))(), r = (() => !!(this.mediaPlane && (this.mediaPlane.src !== e || this.mediaPlane.objectFit !== i)))();
+    (l || r) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0);
     const a = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== i))();
-    if (m || r) {
+    if (p || r) {
       let s = this.position.map(P);
       this.rectanglePlane && (s = this.rectanglePlane.data.points.map(P));
-      const n = new H(e, s, {
+      const n = new G(e, s, {
         videoCoverSrc: t.videoCoverUrl,
         playButton: this.data.playIcon,
-        paused: this.pausedByInvisible || !((h = this.data.autoplayConfig) != null && h.autoplayVideo),
+        paused: !((h = this.data.autoplayConfig) != null && h.autoplayVideo),
         objectFit: this.data.objectFit,
         videoTextureMap: Z,
         ImageTextureMap: z,
         domEvents: this.plugin.domEvents,
-        opacity: this.opacity,
-        requestFiveRender: () => {
-          this.five.needsRender = !0, this.five.render();
-        }
+        opacity: this.opacity
       });
       this.plugin.domEvents.addAutoBindEventListener(n, "click", (f) => {
         var g, D;
@@ -545,22 +536,22 @@ class tn extends G {
     if (!i)
       return;
     let o = this.position.map(P);
-    const p = this.currentVisible, m = (() => !!(this.mediaPlane && !p))(), r = (() => !!(!this.mediaPlane && p))(), a = (() => !!(this.mediaPlane && this.mediaPlane.src !== i))(), l = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== e))();
-    if ((m || a) && this.disposeMediaPlane(), (r || a) && (this.rectanglePlane && (o = this.rectanglePlane.data.points.map(P)), this.mediaPlane = new L(i, o, { objectFit: this.data.objectFit, opacity: this.opacity }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
+    const l = this.currentVisible, p = (() => !!(this.mediaPlane && !l))(), r = (() => !!(!this.mediaPlane && l))(), a = (() => !!(this.mediaPlane && this.mediaPlane.src !== i))(), m = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== e))();
+    if ((p || a) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (r || a) && (this.rectanglePlane && (o = this.rectanglePlane.data.points.map(P)), this.mediaPlane = new L(i, o, { objectFit: this.data.objectFit, opacity: this.opacity }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
       this.mediaPlane,
       "click",
       (s) => {
         this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: s.origDomEvent });
       },
       { noEmitWhenHide: !0 }
-    ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), l) {
+    ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), m) {
       const s = this.rectanglePlane.data.points.map(P);
       (u = this.mediaPlane) == null || u.changePointsOrParams({ cornerPoints: s, params: { objectFit: e } });
     }
     this.five.needsRender = !0;
   }
   renderEmptyPlane() {
-    this.disposeMediaPlane();
+    this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0);
   }
   computeNormal() {
     return A(this.position);

package/libs/PanoTagPlugin/utils/model/mediaPlane.d.ts

@@ -54,8 +54,6 @@ declare class VideoPlane extends MediaPlane {
     private videoTextureMap;
     private ImageTextureMap;
     private initialOpacity;
-    private requestFiveRender?;
-    private disposed;
     constructor(videoSrc: string, cornerPoints: Vector3[], params?: {
         paused?: boolean;
         playButton?: 'withText' | 'withoutText' | string;
@@ -68,15 +66,9 @@ declare class VideoPlane extends MediaPlane {
         }>;
         domEvents?: FiveDomEvents;
         opacity?: number;
-        requestFiveRender?: () => void;
     });
     play(muted?: boolean): Promise<void>;
     pause(): void;
-    /**
-     * videoInstance 由按 src 复用的纹理缓存持有，不随 mesh 一起释放；
-     * 这里不显式暂停的话，贴片移出场景后视频仍会继续走进度并出声。
-     */
-    dispose(): void;
     initialRenderHooks(func: (render: () => void) => () => void): void;
     private showPlayUI;
     private showPauseUI;