@christianriedl/media 1.0.48 → 1.0.49

package/dist/iMedia.d.ts

@@ -10,14 +10,14 @@ export declare enum EMediaType {
 }
 export declare enum EPictureQuality {
     Full = 0,
-    Normal60 = 10060,
-    Normal80 = 10080,
-    Normal90 = 10090,
-    Normal100 = 10100,
-    High60 = 20060,
-    High80 = 20080,
-    High90 = 20090,
-    High100 = 20100
+    Normal60 = 1060,
+    Normal80 = 1080,
+    Normal90 = 1090,
+    Normal100 = 1100,
+    High60 = 2060,
+    High80 = 2080,
+    High90 = 2090,
+    High100 = 2100
 }
 export interface IMediaAppConfig {
     pictureQuality: EPictureQuality;

package/dist/iMedia.js

@@ -12,14 +12,14 @@ export var EMediaType;
 export var EPictureQuality;
 (function (EPictureQuality) {
     EPictureQuality[EPictureQuality["Full"] = 0] = "Full";
-    EPictureQuality[EPictureQuality["Normal60"] = 10060] = "Normal60";
-    EPictureQuality[EPictureQuality["Normal80"] = 10080] = "Normal80";
-    EPictureQuality[EPictureQuality["Normal90"] = 10090] = "Normal90";
-    EPictureQuality[EPictureQuality["Normal100"] = 10100] = "Normal100";
-    EPictureQuality[EPictureQuality["High60"] = 20060] = "High60";
-    EPictureQuality[EPictureQuality["High80"] = 20080] = "High80";
-    EPictureQuality[EPictureQuality["High90"] = 20090] = "High90";
-    EPictureQuality[EPictureQuality["High100"] = 20100] = "High100";
+    EPictureQuality[EPictureQuality["Normal60"] = 1060] = "Normal60";
+    EPictureQuality[EPictureQuality["Normal80"] = 1080] = "Normal80";
+    EPictureQuality[EPictureQuality["Normal90"] = 1090] = "Normal90";
+    EPictureQuality[EPictureQuality["Normal100"] = 1100] = "Normal100";
+    EPictureQuality[EPictureQuality["High60"] = 2060] = "High60";
+    EPictureQuality[EPictureQuality["High80"] = 2080] = "High80";
+    EPictureQuality[EPictureQuality["High90"] = 2090] = "High90";
+    EPictureQuality[EPictureQuality["High100"] = 2100] = "High100";
 })(EPictureQuality || (EPictureQuality = {}));
 export var EItemType;
 (function (EItemType) {

package/dist/iMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"iMedia.js","sourceRoot":"","sources":["../src/iMedia.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,UASX;AATD,WAAY,UAAU;IAClB,6CAAS,CAAA;IACT,6CAAS,CAAA;IACT,iDAAW,CAAA;IACX,4CAAS,CAAA;IACT,0DAAgB,CAAA;IAChB,iDAAa,CAAA;IACb,6CAAW,CAAA;IACX,mDAAc,CAAA;AAClB,CAAC,EATW,UAAU,KAAV,UAAU,QASrB;AACD,MAAM,CAAN,IAAY,eAUX;AAVD,WAAY,eAAe;IACvB,qDAAiB,CAAA;IACjB,iEAAqB,CAAA;IACrB,iEAAqB,CAAA;IACrB,iEAAqB,CAAA;IACrB,mEAAqB,CAAA;IACrB,6DAAqB,CAAA;IACrB,6DAAqB,CAAA;IACrB,6DAAqB,CAAA;IACrB,+DAAqB,CAAA;AACzB,CAAC,EAVW,eAAe,KAAf,eAAe,QAU1B;AAID,MAAM,CAAN,IAAY,SAoDX;AApDD,WAAY,SAAS;IACjB,yCAAQ,CAAA;IACR,mDAAa,CAAA;IACb,uDAAe,CAAA;IACf,uDAAe,CAAA;IACf,6DAAkB,CAAA;IAClB,iEAAoB,CAAA;IACpB,iEAAoB,CAAA;IACpB,iEAAoB,CAAA;IACpB,iEAAoB,CAAA;IACpB,mDAAgB,CAAA;IAChB,6CAAa,CAAA;IACb,4CAAY,CAAA;IACZ,4CAAY,CAAA;IACZ,gDAAc,CAAA;IACd,6DAAoB,CAAA;IACpB,qDAAgB,CAAA;IAChB,yCAAa,CAAA;IACb,mDAA6C,CAAA;IAC7C,oDAA0B,CAAA;IAC1B,wDAAkC,CAAA;IAClC,wDAAkC,CAAA;IAClC,8DAAqC,CAAA;IACrC,sDAAiC,CAAA;IACjC,wDAAkC,CAAA;IAClC,sDAAiC,CAAA;IACjC,0DAAmC,CAAA;IACnC,uEAA0C,CAAA;IAC1C,2EAA8C,CAAA;IAC9C,sDAAkB,CAAA;IAClB,+DAAkC,CAAA;IAClC,oDAA0B,CAAA;IAC1B,wDAAkC,CAAA;IAClC,wDAAkC,CAAA;IAClC,8DAAqC,CAAA;IACrC,4DAAoC,CAAA;IACpC,uEAA0C,CAAA;IAC1C,2EAA8C,CAAA;IAC9C,yEAA+C,CAAA;IAC/C,oDAAiB,CAAA;IACjB,+DAAkC,CAAA;IAClC,wDAA8B,CAAA;IAC9B,4DAAsC,CAAA;IACtC,4DAAsC,CAAA;IACtC,kEAAyC,CAAA;IACzC,gEAAwC,CAAA;IACxC,wDAAoC,CAAA;IACpC,0DAAqC,CAAA;IACrC,wDAAqB,CAAA;IACrB,uDAA+C,CAAA;IAC/C,qDAAgB,CAAA;IAChB,yCAAU,CAAA;AACd,CAAC,EApDW,SAAS,KAAT,SAAS,QAoDpB;AACD,MAAM,CAAN,IAAY,MAUX;AAVD,WAAY,MAAM;IACd,mCAAQ,CAAA;IACR,yDAAsB,CAAA;IACtB,2CAAe,CAAA;IACf,+CAAiB,CAAA;IACjB,qDAAoB,CAAA;IACpB,kDAAkB,CAAA;IAClB,sDAAoB,CAAA;IACpB,0DAAsB,CAAA;IACtB,+DAAwB,CAAA;AAC5B,CAAC,EAVW,MAAM,KAAN,MAAM,QAUjB;AA+CD,MAAM,CAAN,IAAY,YAQX;AARD,WAAY,YAAY;IAEpB,+CAAQ,CAAA;IACR,qDAAW,CAAA;IACX,6DAAe,CAAA;IACf,uDAAY,CAAA;IACZ,2DAAc,CAAA;IACd,yDAAa,CAAA;AACjB,CAAC,EARW,YAAY,KAAZ,YAAY,QAQvB"}
+{"version":3,"file":"iMedia.js","sourceRoot":"","sources":["../src/iMedia.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,UASX;AATD,WAAY,UAAU;IAClB,6CAAS,CAAA;IACT,6CAAS,CAAA;IACT,iDAAW,CAAA;IACX,4CAAS,CAAA;IACT,0DAAgB,CAAA;IAChB,iDAAa,CAAA;IACb,6CAAW,CAAA;IACX,mDAAc,CAAA;AAClB,CAAC,EATW,UAAU,KAAV,UAAU,QASrB;AACD,MAAM,CAAN,IAAY,eAUX;AAVD,WAAY,eAAe;IACvB,qDAAiB,CAAA;IACjB,gEAAoB,CAAA;IACpB,gEAAoB,CAAA;IACpB,gEAAoB,CAAA;IACpB,kEAAoB,CAAA;IACpB,4DAAoB,CAAA;IACpB,4DAAoB,CAAA;IACpB,4DAAoB,CAAA;IACpB,8DAAoB,CAAA;AACxB,CAAC,EAVW,eAAe,KAAf,eAAe,QAU1B;AAID,MAAM,CAAN,IAAY,SAoDX;AApDD,WAAY,SAAS;IACjB,yCAAQ,CAAA;IACR,mDAAa,CAAA;IACb,uDAAe,CAAA;IACf,uDAAe,CAAA;IACf,6DAAkB,CAAA;IAClB,iEAAoB,CAAA;IACpB,iEAAoB,CAAA;IACpB,iEAAoB,CAAA;IACpB,iEAAoB,CAAA;IACpB,mDAAgB,CAAA;IAChB,6CAAa,CAAA;IACb,4CAAY,CAAA;IACZ,4CAAY,CAAA;IACZ,gDAAc,CAAA;IACd,6DAAoB,CAAA;IACpB,qDAAgB,CAAA;IAChB,yCAAa,CAAA;IACb,mDAA6C,CAAA;IAC7C,oDAA0B,CAAA;IAC1B,wDAAkC,CAAA;IAClC,wDAAkC,CAAA;IAClC,8DAAqC,CAAA;IACrC,sDAAiC,CAAA;IACjC,wDAAkC,CAAA;IAClC,sDAAiC,CAAA;IACjC,0DAAmC,CAAA;IACnC,uEAA0C,CAAA;IAC1C,2EAA8C,CAAA;IAC9C,sDAAkB,CAAA;IAClB,+DAAkC,CAAA;IAClC,oDAA0B,CAAA;IAC1B,wDAAkC,CAAA;IAClC,wDAAkC,CAAA;IAClC,8DAAqC,CAAA;IACrC,4DAAoC,CAAA;IACpC,uEAA0C,CAAA;IAC1C,2EAA8C,CAAA;IAC9C,yEAA+C,CAAA;IAC/C,oDAAiB,CAAA;IACjB,+DAAkC,CAAA;IAClC,wDAA8B,CAAA;IAC9B,4DAAsC,CAAA;IACtC,4DAAsC,CAAA;IACtC,kEAAyC,CAAA;IACzC,gEAAwC,CAAA;IACxC,wDAAoC,CAAA;IACpC,0DAAqC,CAAA;IACrC,wDAAqB,CAAA;IACrB,uDAA+C,CAAA;IAC/C,qDAAgB,CAAA;IAChB,yCAAU,CAAA;AACd,CAAC,EApDW,SAAS,KAAT,SAAS,QAoDpB;AACD,MAAM,CAAN,IAAY,MAUX;AAVD,WAAY,MAAM;IACd,mCAAQ,CAAA;IACR,yDAAsB,CAAA;IACtB,2CAAe,CAAA;IACf,+CAAiB,CAAA;IACjB,qDAAoB,CAAA;IACpB,kDAAkB,CAAA;IAClB,sDAAoB,CAAA;IACpB,0DAAsB,CAAA;IACtB,+DAAwB,CAAA;AAC5B,CAAC,EAVW,MAAM,KAAN,MAAM,QAUjB;AA+CD,MAAM,CAAN,IAAY,YAQX;AARD,WAAY,YAAY;IAEpB,+CAAQ,CAAA;IACR,qDAAW,CAAA;IACX,6DAAe,CAAA;IACf,uDAAY,CAAA;IACZ,2DAAc,CAAA;IACd,yDAAa,CAAA;AACjB,CAAC,EARW,YAAY,KAAZ,YAAY,QAQvB"}

package/package.json

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

package/src/views/PhotoAlbumPage.vue

@@ -21,6 +21,7 @@
     const items = reactive<IPictureFile[]>([]);
     const width = ref(0);
     const height = ref(0);
+    const sizeStyle = ref({ height: '512px', width: '1024px' });
     const landscape = ref(true);
     const metadata = reactive<Dictionary<any>>({});
     const cycle = ref(false);
@@ -33,6 +34,7 @@
     watch([appState.bodyHeight, appState.pageWidth], () => {
         width.value = appState.pageWidth.value;
         height.value = appState.bodyHeight.value;
+        sizeStyle.value = { height: height.value + 'px', width: width.value + 'px' };
         landscape.value = width.value > height.value;
     }, { immediate: true });
 
@@ -61,8 +63,7 @@
                 }
             }
             url.value = photos.Url;
-            buildUrls();
-            //onInput(0);                               required für v-carousel ?
+            //buildUrls();
         }
         else {
             nextTick(() => router.back());
@@ -76,14 +77,6 @@
         window.document.removeEventListener('keydown', onKey);
     });
 
-    function  buildUrls() {
-        for (var i = 0; i < items.length; i++) {
-            const item = items[i];
-            if (item.realUrl && item.realUrl.startsWith('blob'))
-                window.URL.revokeObjectURL(item.realUrl);
-            item.realUrl = getUrl(item);
-        }
-    }
     function getUrl(item: IPictureFile) {
         const pictureQuality = mediaAppConfig.pictureQuality;
         const quality = pictureQuality % 1000;
@@ -105,16 +98,6 @@
             }
         });
     }
-    function onInput(idx: number) {
-        idx++;
-        if (idx < items.length) {
-            const item = items[idx];
-            mediaService.getImage(item.realUrl!)
-                .then(blob => {
-                    item.realUrl = window.URL.createObjectURL(blob);
-                });
-        }
-    }
     function onDblClick(ev: Event) {
         keyDialog.value = true;
     }
@@ -146,7 +129,7 @@
                 }
                 else {
                     const mainEle = window.document.getElementsByTagName('main')[0];
-                    mainEle.requestFullscreen();
+                    await mainEle.requestFullscreen();
                 }
                 break;
             case "KeyP":
@@ -189,13 +172,6 @@
             onKey(keyEvent);
         }
     }
-    function itemWidth(item: IPictureFile): number {
-        const fac = item.Height / height.value;
-        return Math.floor(item.Width * fac);
-    }
-    function aspectRatio(item: IPictureFile): string {
-        return `${item.Width}/${item.Height}`;
-    }
     function setMetaData(exif: Dictionary<any>, file: IPictureFile) {
         origUrl = mediaService.getPhotoUrl(url.value, file.Url, '0x0x0');
         metadata['Name'] = file.Name;
@@ -294,9 +270,9 @@
     <v-container fluid :style="heightStyle" class="bg-grey-darken-3">
         <v-carousel hide-delimiters :show-arrows="false" v-model="index" 
                     :width="width" :height="height" :cycle="cycle" :interval="interval"
-                    @change="onInput" @dblclick="onDblClick">
+                    @dblclick="onDblClick">
             <v-carousel-item v-for="item in items" :key="item.DLNAID">
-                <img :src="item.realUrl" />
+                <img :src="getUrl(item)" :style="sizeStyle" />
             </v-carousel-item>
         </v-carousel>
         <v-dialog v-model="infoDialog" :fullscreen="isMobile" >