@christianriedl/media 1.0.6 → 1.0.7

package/package.json

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

package/src/views/MusicPage.vue

@@ -1,15 +1,18 @@
 <script setup lang="ts">
     import { inject, ref, reactive, computed, onMounted, onUnmounted, nextTick, watch } from 'vue';
     import { IAppState, Helper } from '@christianriedl/utils';
+    import { Authorize } from '@christianriedl/rest';
     import { EItemType, EMediaType, IMediaFolder, IMediaItem, IAudioFile, MediaService, EPlayState, PlayerService } from '@christianriedl/media';
 
     const appState = inject<IAppState>('appstate')!;
+    const authorize = inject<Authorize>('authorize')!;
     const getMediaService = inject<() => MediaService>('get-media')!;
     const mediaService = getMediaService();
     const getPlayerService = inject<() => PlayerService>('get-player')!;
     const playerService = getPlayerService();
     const heightStyle = computed(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });
     const isMobile = appState.isMobile;
+    const supportsLocalMedia = authorize.checkScope(['Media']);
 
     const playerNames = reactive<string[]>(['Local']);
     const currentPlayer = ref('Local');
@@ -70,8 +73,10 @@
         selected.value = root;
         items.splice(0, items.length, ...root.Folders);
         computeListHeight();
-        const players = await playerService.getPlayers(EMediaType.Audio, true);
-        playerNames.splice(playerNames.length, 0, ...players);
+        if (supportsLocalMedia) {
+            const players = await playerService.getPlayers(EMediaType.Audio, true);
+            playerNames.splice(playerNames.length, 0, ...players);
+        }
     })
     watch(appState.bodyHeight, () => computeListHeight());
     function computeListHeight() {
@@ -302,7 +307,7 @@
                         <v-list-item-subtitle v-if="playingTrack">{{playingTrack.Name}}</v-list-item-subtitle>
                     </v-list-item-content>
                 </v-col>
-                <v-col cols="4">
+                <v-col cols="4" v-if="supportsLocalMedia">
                     <v-select v-model="currentPlayer"
                               :items="playerNames"
                               persistent-hint
@@ -336,7 +341,7 @@
             <v-btn small v-if="downloadVisible" @click="download">
                 <v-icon>{{$vuetify.icons.values.download}}</v-icon>
             </v-btn>
-            <v-slider v-if="playingTrack" style="width:30%" color="red" track-color="blue" track-fill-color="red" v-model="volume" hide-details density="compact"
+            <v-slider v-if="!isLocal && playingTrack" style="width:30%" color="red" track-color="blue" track-fill-color="red" v-model="volume" hide-details density="compact"
                     min="0" max="100" step="5" @update:modelValue="changeVolume">
             </v-slider>
         </v-card-actions>

package/src/views/VideosPage.vue

@@ -2,17 +2,20 @@
     import { inject, ref, reactive, computed, onMounted, onUnmounted, nextTick, watch } from 'vue';
     import { useRouter } from 'vue-router';
     import { IAppState } from '@christianriedl/utils';
+    import { Authorize } from '@christianriedl/rest';
     import { EItemType, EMediaType, IMediaFolder, IMediaItem, IVideoFile, MediaService, PlayerService } from '@christianriedl/media';
     import { ISensorsState } from '@christianriedl/smarthome';
 
     const appState = inject<IAppState>('appstate')!;
     const sensors = inject<ISensorsState>('smarthome')!;
+    const authorize = inject<Authorize>('authorize')!;
     const getMediaService = inject<() => MediaService>('get-media')!;
     const mediaService = getMediaService();
     const getPlayerService = inject<() => PlayerService>('get-player')!;
     const playerService = getPlayerService();
     const rendererName = "[TV] Samsung Q9 Series (75)";
     const showRenderer = ref(false);
+    const supportsLocalMedia = authorize.checkScope(['Media']);
 
     const heightStyle = computed(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });
     const isMobile = appState.isMobile;
@@ -30,7 +33,9 @@
     const playVisible = computed(() => selected.value.ItemType == EItemType.VideoItem);
     const dialogWidth = computed(() => isMobile ? appState.pageWidth : 600);
 
-    getPlayer();
+    if (supportsLocalMedia) {
+        getPlayer();
+    }
 
     window.addEventListener('popstate', onPopState);
     function onPopState(event: any) {