visualfries 0.1.5 → 0.1.6

package/dist/SceneBuilder.svelte.js

@@ -399,9 +399,10 @@ export class SceneBuilder {
         this.appManager.destroy();
         this.domManager.destroy();
         this.stateManager.destroy();
-        this.mediaManager.destroy();
         this.timelineManager.destroy();
         this.componentsManager.destroy();
+        // media manages should be destroyed last
+        this.mediaManager.destroy();
         // Remove the container from the DI container cache
         removeContainer(this.sceneData.id);
     }

package/dist/components/hooks/MediaHook.js

@@ -229,6 +229,16 @@ export class MediaHook {
     async #handleDestroy() {
         this.#destroyed = true;
         this.#lastTargetTime = null;
+        // Release the media element back to the MediaManager
+        if (this.#mediaElement) {
+            const mediaType = this.#context.type === 'VIDEO' ? 'video' : 'audio';
+            const source = this.#context.contextData.source;
+            if (source && source.url) {
+                this.mediaManager.releaseMediaElement(source.url, mediaType);
+            }
+            this.#context.removeResource(mediaType === 'video' ? 'videoElement' : 'audioElement');
+        }
+        this.#mediaElement = undefined;
     }
     async handle(type, context) {
         this.#context = context;

package/dist/components/hooks/MediaSeekingHook.js

@@ -91,7 +91,9 @@ export class MediaSeekingHook {
             };
             // Add error event handling
             media.onerror = () => {
-                console.error('Media error:', media.error);
+                if (media.error && media.error.code !== 4) {
+                    console.error('Media error:', media.src, media.error);
+                }
             };
         }
     }
@@ -100,6 +102,7 @@ export class MediaSeekingHook {
         await this.#handleSetup();
     }
     async #handleDestroy() {
+        // Clear media element reference - MediaHook will handle releaseMediaElement
         this.#mediaElement = undefined;
     }
     async #handleUpdate() {

package/dist/managers/MediaManager.js

@@ -181,6 +181,7 @@ export class MediaManager {
             if (type === 'video') {
                 const videoElement = this.videoElements.get(mediaPath);
                 if (videoElement) {
+                    // https://html.spec.whatwg.org/multipage/media.html#best-practices-for-authors-using-media-elements
                     videoElement.src = '';
                     videoElement.load(); // This frees up memory
                     this.videoElements.delete(mediaPath);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "visualfries",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "license": "MIT",
   "author": "ContentFries",
   "repository": {