hanc-webrtc-widgets 2.2.5 → 2.2.7

package/dist/hanc-webrtc-widgets.es.js

@@ -17409,7 +17409,7 @@ class wd extends EventTarget {
             this.audioElements.delete(s.identity);
           }
           const a = t.attach();
-          a.setAttribute("playsinline", "true"), a.setAttribute("webkit-playsinline", "true"), a.dataset.participantId = s.identity, this.audioContainer ? this.audioContainer.appendChild(a) : (console.warn("[LiveKit] Audio container not found, appending to body"), document.body.appendChild(a)), this.audioElements.set(s.identity, a), this.playAudioElement(a).then((c) => {
+          a.setAttribute("playsinline", "true"), a.setAttribute("webkit-playsinline", "true"), a.dataset.participantId = s.identity, this.isAppleDevice && (a.volume = 0.8), this.audioContainer ? this.audioContainer.appendChild(a) : (console.warn("[LiveKit] Audio container not found, appending to body"), document.body.appendChild(a)), this.audioElements.set(s.identity, a), this.playAudioElement(a).then((c) => {
             c || (this.audioPlaybackPrompt = !0, this.dispatchEvent(
               new CustomEvent("audio-playback-status-changed", {
                 detail: { canPlayback: !1 }
@@ -38196,7 +38196,7 @@ class Hd {
       mid: 0,
       treble: 0,
       level: 0
-    }, this.resizeTimeoutId = null, this.isContextLost = !1, this.animate = () => {
+    }, this.resizeObserver = null, this.resizeTimeoutId = null, this.isContextLost = !1, this.animate = () => {
       if (this.isContextLost)
         return;
       this.animationId = requestAnimationFrame(this.animate);
@@ -38215,9 +38215,11 @@ class Hd {
     }, this.handleResize = () => {
       this.resizeTimeoutId !== null && clearTimeout(this.resizeTimeoutId), this.resizeTimeoutId = setTimeout(() => {
         this.resizeTimeoutId = null;
-        const u = this.container.clientWidth * this.canvasPadding, h = this.container.clientHeight * this.canvasPadding;
-        this.camera.aspect = u / h, this.camera.updateProjectionMatrix(), this.renderer.setSize(u, h);
-      }, 150);
+        const u = this.container.clientWidth, h = this.container.clientHeight;
+        if (u === 0 || h === 0) return;
+        const f = u * this.canvasPadding, g = h * this.canvasPadding;
+        this.camera.aspect = f / g, this.camera.updateProjectionMatrix(), this.renderer.setSize(f, g);
+      }, 100);
     }, this.handleMouseMove = (u) => {
       const h = this.container.getBoundingClientRect(), f = (u.clientX - h.left) / h.width * 2 - 1, g = -((u.clientY - h.top) / h.height) * 2 + 1;
       this.targetRotation.x = g * 0.3, this.targetRotation.y = f * 0.3;
@@ -38235,19 +38237,19 @@ class Hd {
       powerPreference: "high-performance"
     }), this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)), this.renderer.setSize(r, a), this.renderer.setClearColor(0, 0);
     const d = this.renderer.domElement;
-    d.style.position = "absolute", d.style.left = "50%", d.style.top = "50%", d.style.transform = "translate(-50%, -50%)", d.style.pointerEvents = "none", e.appendChild(d), d.addEventListener("webglcontextlost", this.boundHandleContextLost), d.addEventListener("webglcontextrestored", this.boundHandleContextRestored), this.createOrb(), window.addEventListener("resize", this.handleResize), e.addEventListener("mousemove", this.handleMouseMove), e.addEventListener("mouseleave", this.handleMouseLeave);
+    d.style.position = "absolute", d.style.left = "50%", d.style.top = "50%", d.style.transform = "translate(-50%, -50%)", d.style.pointerEvents = "none", e.appendChild(d), d.addEventListener("webglcontextlost", this.boundHandleContextLost), d.addEventListener("webglcontextrestored", this.boundHandleContextRestored), this.createOrb(), window.addEventListener("resize", this.handleResize), this.resizeObserver = new ResizeObserver(this.handleResize), this.resizeObserver.observe(e), e.addEventListener("mousemove", this.handleMouseMove), e.addEventListener("mouseleave", this.handleMouseLeave);
   }
   /**
    * Handle WebGL context loss (iOS background transition)
    */
   handleContextLost(e) {
-    e.preventDefault(), console.log("[OrbRenderer] WebGL context lost"), this.isContextLost = !0, this.stop();
+    e.preventDefault(), this.isContextLost = !0, this.stop();
   }
   /**
    * Handle WebGL context restoration (iOS foreground transition)
    */
   handleContextRestored(e) {
-    console.log("[OrbRenderer] WebGL context restored"), this.isContextLost = !1, this.recreateAfterContextLoss(), this.start();
+    this.isContextLost = !1, this.recreateAfterContextLoss(), this.start();
   }
   /**
    * Recreate WebGL resources after context loss
@@ -38363,7 +38365,7 @@ class Hd {
    * Cleanup resources
    */
   destroy() {
-    this.stop(), this.resizeTimeoutId !== null && (clearTimeout(this.resizeTimeoutId), this.resizeTimeoutId = null), window.removeEventListener("resize", this.handleResize), this.container.removeEventListener("mousemove", this.handleMouseMove), this.container.removeEventListener("mouseleave", this.handleMouseLeave);
+    this.stop(), this.resizeTimeoutId !== null && (clearTimeout(this.resizeTimeoutId), this.resizeTimeoutId = null), window.removeEventListener("resize", this.handleResize), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), this.container.removeEventListener("mousemove", this.handleMouseMove), this.container.removeEventListener("mouseleave", this.handleMouseLeave);
     const e = this.renderer.domElement;
     e.removeEventListener("webglcontextlost", this.boundHandleContextLost), e.removeEventListener("webglcontextrestored", this.boundHandleContextRestored), this.orb && (this.orb.geometry.dispose(), this.scene.remove(this.orb), this.orb = null), this.glowMesh && (this.glowMesh.geometry.dispose(), this.scene.remove(this.glowMesh), this.glowMesh = null), this.orbMaterial && (this.orbMaterial.dispose(), this.orbMaterial = null), this.glowMaterial && (this.glowMaterial.dispose(), this.glowMaterial = null), this.renderer.dispose(), e.parentNode && e.parentNode.removeChild(e);
   }