@christianriedl/media 1.0.101 → 1.0.103

package/dist/mediaService.js

@@ -483,8 +483,8 @@ export class MediaService {
         return res;
     }
     getTranscodeParams(useSatIp, width, height, screenWidth, quality) {
-        const par = { set: false, text: '', width: width, height: height, videoBitRate: 2048, audioBitRate: 192, scaleFactor: 1 };
-        let qual = 0;
+        const par = { set: false, text: '', width: width, height: height, videoBitRate: 4096, audioBitRate: 192, scaleFactor: 1 };
+        let qual = 1;
         while (screenWidth < par.width || qual < quality) {
             par.set = true;
             par.scaleFactor = par.scaleFactor * 2;

package/package.json

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

package/src/views/MusicPage.vue

@@ -15,9 +15,9 @@
     const heightStyle = computed<StyleValue>(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });
     const isMobile = appState.isMobile && (appState.device != EDevice.iPad);
     const avatarSize = isMobile ? 64 : 128;
-    const supportsLocalMedia = authorize.checkScope(EScope.Media);
 
     const router = useRouter();
+    const supportsLocalMedia = ref(authorize.checkScope(EScope.Media));
     const playerNames = reactive<string[]>(['Local']);
     const currentPlayer = ref('Local');
     const items: IMediaItem[] = reactive([]);
@@ -78,9 +78,12 @@
         selected.value = root;
         items.splice(0, items.length, ...root.Folders);
         computeListHeight();
-        if (supportsLocalMedia) {
+        if (supportsLocalMedia.value) {
             const players = await playerService.getPlayers(EMediaType.Audio, true);
-            playerNames.splice(playerNames.length, 0, ...players);
+            if (players && players.length > 0)
+                playerNames.splice(playerNames.length, 0, ...players);
+            else
+                supportsLocalMedia.value = false;
         }
     })
     watch(appState.bodyHeight, () => computeListHeight());

package/src/views/ThumbnailsPage.vue

@@ -85,7 +85,7 @@
                 <v-checkbox v-model="selectMode" hide-details label="Select Fotos"></v-checkbox>
             </v-col>
             <v-col cols="1">
-                <v-btn icon="$share" @click="onShare" ></v-btn>
+                <v-btn icon="$share" variant="tonal" @click="onShare" ></v-btn>
             </v-col>
         </v-row>
         <v-row dense align="center">

package/src/views/VideosPage.vue

@@ -225,7 +225,7 @@
                       @update:modelValue="onQualityChange"
                       hide-details single-line>
             </v-select>
-            <v-select v-if="playVisible" v-model="audioStream"
+            <v-select v-if="playVisible && !isMobile" v-model="audioStream"
                       :items="audioStreams"
                       persistent-hint
                       hide-details single-line>