@christianriedl/media 1.0.219 → 1.0.221

package/package.json

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

package/src/views/RecordedVideosPage.vue

@@ -27,6 +27,7 @@
     const quality = ref(0);
     let params: ITranscodeParams|null = null;
     const paramsText = ref('');
+    const cloudUrl = ref('');
 
     const backVisible = computed(() => selected.value.itemType != EItemType.VideoRoot);
     const playVisible = computed(() => selected.value.itemType == EItemType.VideoItem || selected.value.itemType == EItemType.VideoBroadcast);
@@ -55,16 +56,22 @@
         })
     }
     function play() {
-        let url = mediaService.getVideoUrl(selected.value.url);
         let parSet = false;
-        if (audioStream.value) {
-            url += `?audioStream=${audioStream.value}`;
-            parSet = true;
+        let url: string;
+        if (cloudUrl.value) {
+            url = cloudUrl.value;
         }
-        if (params) {
-            url += parSet ? '&' : '?';
-            url += params.url;
-            parSet = true;
+        else {
+            url = mediaService.getVideoUrl(selected.value.url);
+            if (audioStream.value) {
+                url += `?audioStream=${audioStream.value}`;
+                parSet = true;
+            }
+            if (params) {
+                url += parSet ? '&' : '?';
+                url += params.url;
+                parSet = true;
+            }
         }
         router.push({ path: 'video', query: { url: url, media: parSet ? selected.value.url : "" } });
     }
@@ -107,6 +114,16 @@
         await window.navigator.clipboard.writeText(url);
         window.alert(`Created and Pasted : ${url} !`);
     }
+    async function tryCloud() {
+        cloudUrl.value = await mediaService.getCloudUrl ("Recorded", selected.value.name);
+        if (cloudUrl.value) {
+            if (!paramsText.value.includes ("CLOUD")) 
+                paramsText.value += " CLOUD";
+        }
+        else {
+            alert ("Not found in cloud (OneDrive)");
+        }
+    }
 </script>
 
 <template>
@@ -134,6 +151,9 @@
                       persistent-hint
                       hide-details single-line>
             </v-select>
+            <v-btn v-if="playVisible" @click.stop="tryCloud">
+                <v-icon size="x-large" icon="$weather" />
+            </v-btn>
             <v-btn v-if="playVisible" @click.stop="play">
                 <v-icon icon="$play" />
             </v-btn>

package/src/views/VideosPage.vue

@@ -259,7 +259,7 @@
         const folder = selected.value.url.includes('videoclips') ? "Videoclips" : "Videos";
         cloudUrl.value = await mediaService.getCloudUrl (folder, selected.value.name);
         if (cloudUrl.value) {
-            if (!paramsText.value.includes ("CLOUD")) {
+            if (!paramsText.value.includes ("CLOUD")) 
                 paramsText.value += " CLOUD";
         }
         else {