@christianriedl/media 1.0.6 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/media",
-  "version": "1.0.6",
+  "version": "1.0.9",
   "description": "RIC media interfaces",
 
   "main": "dist/index.js",
@@ -18,8 +18,8 @@
   "author": "Christian Riedl",
   "license": "ISC",
   "dependencies": {
-    "@christianriedl/utils": "^1.0.51",
-    "@christianriedl/rest": "^1.0.19"
+    "@christianriedl/utils": "^1.0.57",
+    "@christianriedl/rest": "^1.0.22"
   },
   "devDependencies": {
     "typescript": "^4.6.3",

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, EScope } 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(EScope.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, EScope } 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(EScope.Media);
 
     const heightStyle = computed(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });
     const isMobile = appState.isMobile;
@@ -142,18 +145,20 @@
         return "";
     }
     function getPlayer() {
-        const samsungTV = sensors.sensors['HomeNetwork.SamsungTV'];
-        if (samsungTV && samsungTV.values["Online"].value) {
-            if (!showRenderer.value) {
-                playerService.getPlayerState(rendererName)
-                    .then((playerState) => {
-                        if (playerState)
-                            showRenderer.value = true;
-                    });
+        if (supportsLocalMedia) {
+            const samsungTV = sensors.sensors['HomeNetwork.SamsungTV'];
+            if (samsungTV && samsungTV.values["Online"].value) {
+                if (!showRenderer.value) {
+                    playerService.getPlayerState(rendererName)
+                        .then((playerState) => {
+                            if (playerState)
+                                showRenderer.value = true;
+                        });
+                }
+            }
+            else {
+                showRenderer.value = false;
             }
-        }
-        else {
-            showRenderer.value = false;
         }
     }
 </script>