reze-engine 0.3.2 → 0.3.3

package/dist/player.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"player.d.ts","sourceRoot":"","sources":["../src/player.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAGnC,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAChC,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IACnC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,qBAAa,MAAM;IAEjB,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,UAAU,CAAwE;IAC1F,OAAO,CAAC,WAAW,CAA0E;IAC7F,OAAO,CAAC,QAAQ,CAAY;IAG5B,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,WAAW,CAAY;IAG/B,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,cAAc,CAAY;IAGlC,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,OAAO,CAAC,QAAQ,CAAC,CAAQ;IACzB,OAAO,CAAC,WAAW,CAAiB;IAEpC;;OAEG;IACG,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAW/D;;OAEG;IACG,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAyB3C;;OAEG;IACH,OAAO,CAAC,aAAa;IAwErB;;OAEG;IACH,IAAI,IAAI,IAAI;IAyBZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAYb;;OAEG;IACH,IAAI,IAAI,IAAI;IAcZ;;OAEG;IACH,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAgBxB;;;OAGG;IACH,MAAM,CAAC,eAAe,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI;IAiCrD;;OAEG;IACH,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa;IA+I1C;;OAEG;IACH,WAAW,IAAI,iBAAiB;IAQhC;;OAEG;IACH,cAAc,IAAI,MAAM;IAIxB;;OAEG;IACH,WAAW,IAAI,MAAM;IAIrB;;OAEG;IACH,cAAc,IAAI,OAAO;IAIzB;;OAEG;IACH,aAAa,IAAI,OAAO;IAIxB;;OAEG;IACH,QAAQ,IAAI,OAAO;IAInB;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAM/B;;OAEG;IACH,IAAI,IAAI,IAAI;IAMZ;;OAEG;IACH,MAAM,IAAI,IAAI;CAKf"}
+{"version":3,"file":"player.d.ts","sourceRoot":"","sources":["../src/player.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAGnC,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAChC,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IACnC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,qBAAa,MAAM;IAEjB,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,UAAU,CAAwE;IAC1F,OAAO,CAAC,WAAW,CAA0E;IAC7F,OAAO,CAAC,QAAQ,CAAY;IAG5B,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,WAAW,CAAY;IAG/B,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,cAAc,CAAY;IAGlC,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,OAAO,CAAC,QAAQ,CAAC,CAAQ;IACzB,OAAO,CAAC,WAAW,CAAiB;IAEpC;;OAEG;IACG,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAW/D;;OAEG;IACG,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IA8C3C;;OAEG;IACH,OAAO,CAAC,aAAa;IAwErB;;OAEG;IACH,IAAI,IAAI,IAAI;IAoCZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAYb;;OAEG;IACH,IAAI,IAAI,IAAI;IAcZ;;OAEG;IACH,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAgBxB;;;OAGG;IACH,MAAM,CAAC,eAAe,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI;IAiCrD;;OAEG;IACH,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa;IA+I1C;;OAEG;IACH,WAAW,IAAI,iBAAiB;IAQhC;;OAEG;IACH,cAAc,IAAI,MAAM;IAIxB;;OAEG;IACH,WAAW,IAAI,MAAM;IAIrB;;OAEG;IACH,cAAc,IAAI,OAAO;IAIzB;;OAEG;IACH,aAAa,IAAI,OAAO;IAIxB;;OAEG;IACH,QAAQ,IAAI,OAAO;IAInB;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAM/B;;OAEG;IACH,IAAI,IAAI,IAAI;IAMZ;;OAEG;IACH,MAAM,IAAI,IAAI;CAKf"}

package/dist/player.js

@@ -39,6 +39,20 @@ export class Player {
         return new Promise((resolve, reject) => {
             const audio = new Audio(url);
             audio.preload = "auto";
+            // iOS Safari requires playsinline attribute for inline playback
+            // This must be set before loading
+            audio.setAttribute("playsinline", "true");
+            audio.setAttribute("webkit-playsinline", "true");
+            // Set volume to ensure audio is ready
+            audio.volume = 1.0;
+            // iOS sometimes requires audio element to be in DOM
+            // Add it hidden to the document body
+            audio.style.display = "none";
+            audio.style.position = "absolute";
+            audio.style.visibility = "hidden";
+            audio.style.width = "0";
+            audio.style.height = "0";
+            document.body.appendChild(audio);
             audio.addEventListener("loadeddata", () => {
                 this.audioElement = audio;
                 this.audioLoaded = true;
@@ -47,6 +61,10 @@ export class Player {
             audio.addEventListener("error", (e) => {
                 console.warn("Failed to load audio:", url, e);
                 this.audioLoaded = false;
+                // Remove from DOM on error
+                if (audio.parentNode) {
+                    audio.parentNode.removeChild(audio);
+                }
                 // Don't reject - animation should still work without audio
                 resolve();
             });
@@ -140,10 +158,19 @@ export class Player {
         this.isPlaying = true;
         // Play audio if available
         if (this.audioElement && this.audioLoaded) {
+            // Ensure audio is ready for iOS
             this.audioElement.currentTime = this.currentTime;
-            this.audioElement.play().catch((error) => {
-                console.warn("Audio play failed:", error);
-            });
+            this.audioElement.muted = false;
+            this.audioElement.volume = 1.0;
+            // iOS requires play() to be called synchronously during user interaction
+            // This must happen directly from the user's click/touch event
+            const playPromise = this.audioElement.play();
+            if (playPromise !== undefined) {
+                playPromise.catch((error) => {
+                    // Log error but don't block animation playback
+                    console.warn("Audio play failed:", error, error.name);
+                });
+            }
         }
     }
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "reze-engine",
-    "version": "0.3.2",
+    "version": "0.3.3",
     "description": "A WebGPU-based MMD model renderer",
     "main": "./dist/index.js",
     "types": "./dist/index.d.ts",

package/src/player.ts

@@ -61,6 +61,23 @@ export class Player {
       const audio = new Audio(url)
       audio.preload = "auto"
 
+      // iOS Safari requires playsinline attribute for inline playback
+      // This must be set before loading
+      audio.setAttribute("playsinline", "true")
+      audio.setAttribute("webkit-playsinline", "true")
+
+      // Set volume to ensure audio is ready
+      audio.volume = 1.0
+
+      // iOS sometimes requires audio element to be in DOM
+      // Add it hidden to the document body
+      audio.style.display = "none"
+      audio.style.position = "absolute"
+      audio.style.visibility = "hidden"
+      audio.style.width = "0"
+      audio.style.height = "0"
+      document.body.appendChild(audio)
+
       audio.addEventListener("loadeddata", () => {
         this.audioElement = audio
         this.audioLoaded = true
@@ -70,6 +87,10 @@ export class Player {
       audio.addEventListener("error", (e) => {
         console.warn("Failed to load audio:", url, e)
         this.audioLoaded = false
+        // Remove from DOM on error
+        if (audio.parentNode) {
+          audio.parentNode.removeChild(audio)
+        }
         // Don't reject - animation should still work without audio
         resolve()
       })
@@ -174,10 +195,21 @@ export class Player {
 
     // Play audio if available
     if (this.audioElement && this.audioLoaded) {
+      // Ensure audio is ready for iOS
       this.audioElement.currentTime = this.currentTime
-      this.audioElement.play().catch((error) => {
-        console.warn("Audio play failed:", error)
-      })
+      this.audioElement.muted = false
+      this.audioElement.volume = 1.0
+
+      // iOS requires play() to be called synchronously during user interaction
+      // This must happen directly from the user's click/touch event
+      const playPromise = this.audioElement.play()
+
+      if (playPromise !== undefined) {
+        playPromise.catch((error) => {
+          // Log error but don't block animation playback
+          console.warn("Audio play failed:", error, error.name)
+        })
+      }
     }
   }