@christianriedl/media 1.0.99 → 1.0.101

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/media",
-  "version": "1.0.99",
+  "version": "1.0.101",
   "description": "RIC media interfaces",
 
   "main": "dist/index.js",

package/src/views/PhotoAlbumPage.vue

@@ -37,7 +37,8 @@
     let mouseTimer: number = -1;
     let nameTimer: number = -1;
     let nextIndex: number = -1;
-    let mediaUrlLength = mediaService.mediaUrl;
+    let keepBlobs: boolean = true;
+    let mediaUrlLength = mediaService.mediaUrl.length;
     const showName = ref(false);
 
     watch([appState.bodyHeight, appState.pageWidth], () => {
@@ -89,6 +90,15 @@
         appState.fullScreenElement.value = null;
         window.document.removeEventListener('keydown', onKey);
         appState.navigate.value = onNavigate;
+        if (keepBlobs && mediaAppConfig.useImagePreload) {
+            for (let i = 0; i < items.length; i++) {
+                const item = items[i];
+                if (item.blob && item.blob.startsWith('blob')) {
+                    window.URL.revokeObjectURL(item.blob);
+                    item.blob = undefined;
+                }
+            }
+        }
     });
     function onNavigate(direction: EDirection): void {
         if (direction === EDirection.Left)
@@ -363,7 +373,6 @@
             delete metadata['Personen'];
     }
     function onDownload() {
-        //window.open(origUrl);
         const anchor = document.createElement("a");
         anchor.href = origUrl;
         anchor.download = items[index.value].Url;
@@ -385,8 +394,7 @@
         clearName();
         const item = items[index.value];
         if (mediaAppConfig.useImagePreload) {
-            if (index.value != nextIndex) {
-                item.blob = appConfig.urlPrefix + "img/Wait.png";
+            if (index.value != nextIndex && !item.blob) {
                 createBlob(item);
             }
         }
@@ -398,12 +406,13 @@
     function onLoad(item: IPictureFile) {       // img loaded or cached
         if (mediaAppConfig.useImagePreload) {
             if (item.blob && item.blob.startsWith("blob")) {
-                window.URL.revokeObjectURL(item.blob);
-            }
-            const next = index.value + 1;
-            if (next < items.length && next > nextIndex) {
-                nextIndex = next;
-                createBlob(items[nextIndex]);
+                if (!keepBlobs)
+                    window.URL.revokeObjectURL(item.blob);
+                const next = index.value + 1;
+                if (next < items.length && next > nextIndex) {
+                    nextIndex = next;
+                    createBlob(items[nextIndex]);
+                }
             }
         }
         clearName();
@@ -424,6 +433,7 @@
         }
     }
     function createBlob (item: IPictureFile) {
+        item.blob = appConfig.urlPrefix + "img/Wait.png";
         const url = getUrl(item).substr(mediaUrlLength);   // trim mediaserver url
         mediaService.getImage(url)
             .then((blob) => {