@christianriedl/media 1.0.300 → 1.0.301

package/dist/iMedia.d.ts

@@ -317,3 +317,41 @@ export interface IMediaService {
     getCloudUrl(folder: string, name: string): Promise<string>;
     getStatus(): Promise<Dictionary<boolean | number | string> | null>;
 }
+export interface IRssFeed {
+    title: string;
+    description: string;
+    link: string;
+    copyright?: string;
+    items?: IRssFeed[];
+    mediaType?: string;
+    duration?: number;
+}
+export declare const getPlaylistSymbol: InjectionKey<() => IPlaylistService>;
+export declare enum EPlaylistCommand {
+    None = 0,
+    Play = 1,
+    Pause = 2,
+    Resume = 3,
+    Stop = 4,
+    Next = 5,
+    Previous = 6
+}
+export interface IPlaylistState {
+    state: string;
+    device: string;
+    title: string;
+    url: string;
+    position: string;
+}
+export interface IPlaylistService {
+    soundbarOn: boolean;
+    getTitles(): Promise<string[]>;
+    getFeed(title: string): Promise<IRssFeed | null>;
+    getFeeds(): Promise<IRssFeed[]>;
+    addFeed(url: string, save: boolean): Promise<IRssFeed | null>;
+    deleteFeed(title: string): Promise<boolean>;
+    play(url: string): Promise<boolean>;
+    playList(urls: string[], clear: boolean, index?: number): Promise<boolean>;
+    playCommand(cmd: EPlaylistCommand): Promise<boolean>;
+    getState(): Promise<IPlaylistState | null>;
+}

package/dist/iMedia.js

@@ -121,4 +121,15 @@ export var EPictureFlags;
     EPictureFlags[EPictureFlags["Mask"] = 240] = "Mask";
 })(EPictureFlags || (EPictureFlags = {}));
 export const getMediaSymbol = Symbol("get-media");
+export const getPlaylistSymbol = Symbol("get-playlist");
+export var EPlaylistCommand;
+(function (EPlaylistCommand) {
+    EPlaylistCommand[EPlaylistCommand["None"] = 0] = "None";
+    EPlaylistCommand[EPlaylistCommand["Play"] = 1] = "Play";
+    EPlaylistCommand[EPlaylistCommand["Pause"] = 2] = "Pause";
+    EPlaylistCommand[EPlaylistCommand["Resume"] = 3] = "Resume";
+    EPlaylistCommand[EPlaylistCommand["Stop"] = 4] = "Stop";
+    EPlaylistCommand[EPlaylistCommand["Next"] = 5] = "Next";
+    EPlaylistCommand[EPlaylistCommand["Previous"] = 6] = "Previous";
+})(EPlaylistCommand || (EPlaylistCommand = {}));
 //# sourceMappingURL=iMedia.js.map

package/dist/iMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"iMedia.js","sourceRoot":"","sources":["../src/iMedia.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"iMedia.js","sourceRoot":"","sources":["../src/iMedia.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export * from './mediaHelper';
 export * from './locationHelper';
 export * from './mediaInstanceService';
 export * from './playerService';
+export * from './playlistService';
 export * from './mediaServiceBin';
 export * from './iBooks';
 export * from './booksService';

package/dist/index.js

@@ -5,6 +5,7 @@ export * from './mediaHelper';
 export * from './locationHelper';
 export * from './mediaInstanceService';
 export * from './playerService';
+export * from './playlistService';
 export * from './mediaServiceBin';
 export * from './iBooks';
 export * from './booksService';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,iCAAiC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,iCAAiC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}

package/dist/playlistService.d.ts

@@ -0,0 +1,22 @@
+import { IRest } from '@christianriedl/rest';
+import { ILogger } from '@christianriedl/utils';
+import { IRssFeed, EPlaylistCommand, IPlaylistState, IPlaylistService } from "./iMedia";
+export declare class PlaylistService implements IPlaylistService {
+    rest: IRest;
+    mediaUrl: string;
+    log: ILogger;
+    soundbarOn: boolean;
+    setSoundbar: (name: string, value: string) => Promise<boolean>;
+    getSoundbarValue: (name: string) => string;
+    constructor(rest: IRest, log: ILogger, getSoundbarValue: (name: string) => string, setSoundbar: (name: string, value: string) => Promise<boolean>);
+    getTitles(): Promise<string[]>;
+    getFeed(title: string): Promise<IRssFeed | null>;
+    getFeeds(): Promise<IRssFeed[]>;
+    addFeed(url: string, save: boolean): Promise<IRssFeed | null>;
+    deleteFeed(title: string): Promise<boolean>;
+    play(url: string): Promise<boolean>;
+    playList(urls: string[], clear: boolean, index?: number): Promise<boolean>;
+    playCommand(cmd: EPlaylistCommand): Promise<boolean>;
+    getState(): Promise<IPlaylistState | null>;
+    ensureOn(): Promise<boolean>;
+}

package/dist/playlistService.js

@@ -0,0 +1,86 @@
+import { Helper } from '@christianriedl/utils';
+import { EPlaylistCommand } from "./iMedia";
+export class PlaylistService {
+    rest;
+    mediaUrl;
+    log;
+    soundbarOn;
+    setSoundbar;
+    getSoundbarValue;
+    constructor(rest, log, getSoundbarValue, setSoundbar) {
+        this.log = log;
+        this.rest = rest;
+        this.mediaUrl = rest.serviceUrl;
+        this.getSoundbarValue = getSoundbarValue;
+        this.setSoundbar = setSoundbar;
+        this.soundbarOn = false;
+    }
+    async getTitles() {
+        const res = await this.rest.getData('apiplaylist/title');
+        return res.ok ? res.result : [];
+    }
+    async getFeed(title) {
+        const res = await this.rest.getData('apiplaylist/feed', { title: title });
+        return res.ok ? res.result : null;
+    }
+    async getFeeds() {
+        const res = await this.rest.getData('apiplaylist/feed');
+        return res.ok ? res.result : [];
+    }
+    async addFeed(url, save) {
+        const res = await this.rest.postDataEx(`apiplaylist/feed?url=${encodeURIComponent(url)}&save=${save}`);
+        return res.ok ? res.result.result : null;
+    }
+    async deleteFeed(title) {
+        const res = await this.rest.deleteData(`apiplaylist/feed?title=${encodeURIComponent(title)}`);
+        return res.ok ? res.result : false;
+    }
+    async play(url) {
+        this.soundbarOn = await this.ensureOn();
+        if (!this.soundbarOn)
+            return false;
+        const res = await this.rest.postData(`apiplaylist/play?url=${encodeURIComponent(url)}`);
+        return res.ok ? res.result : false;
+    }
+    async playList(urls, clear, index) {
+        this.soundbarOn = await this.ensureOn();
+        if (!this.soundbarOn)
+            return false;
+        let url = `apiplaylist/play?clear=${clear}`;
+        if (index !== undefined)
+            url += `&index=${index}`;
+        const res = await this.rest.postData(url, urls);
+        return res.ok ? res.result : false;
+    }
+    async playCommand(cmd) {
+        this.soundbarOn = await this.ensureOn();
+        if (!this.soundbarOn)
+            return false;
+        let url = `apiplaylist/playcommand?cmd=${EPlaylistCommand[cmd]}`;
+        const res = await this.rest.postData(url);
+        return res.ok ? res.result : false;
+    }
+    async getState() {
+        const res = await this.rest.getData('apiplaylist/state');
+        return res.ok ? res.result : null;
+    }
+    async ensureOn() {
+        let i = 0;
+        for (i = 0; i < 5; i++) {
+            if (this.getSoundbarValue('ON') === 'ON')
+                break;
+            const result = await this.setSoundbar('POWER', 'on');
+            await Helper.delay(1000);
+        }
+        if (i >= 5)
+            return false;
+        for (i = 0; i < 5; i++) {
+            if (this.getSoundbarValue('Info') === 'digital')
+                return true;
+            const result = await this.setSoundbar('SOURCE', 'digital');
+            await Helper.delay(1000);
+        }
+        return false;
+    }
+}
+//# sourceMappingURL=playlistService.js.map

package/dist/playlistService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playlistService.js","sourceRoot":"","sources":["../src/playlistService.ts"],"names":[],"mappings":"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"}

package/package.json

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

package/src/views/OnlineBroadcastPage.vue

@@ -0,0 +1,171 @@
+<script setup lang="ts">
+    import { inject, ref, reactive, computed, onMounted, onUnmounted, nextTick, watch, StyleValue } from 'vue';
+    import type { ComponentPublicInstance } from 'vue';
+    import { useRouter } from 'vue-router';
+    import { IAppState, EScope, EDevice, appStateSymbol, appConfigSymbol } from '@christianriedl/utils';
+    import { getPlaylistSymbol, IPlaylistService, IPlaylistState, IRssFeed } from '@christianriedl/media';
+
+    const appState = inject(appStateSymbol)!;
+    const getPlaylistService = inject(getPlaylistSymbol)!;
+    const playlistService = getPlaylistService() ;
+    const heightStyle = computed<StyleValue>(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });
+    const isMobile = appState.isMobile && (appState.device != EDevice.iPad);
+    const router = useRouter();
+    const feeds: IRssFeed[] = reactive([]);
+    const selected = ref<IRssFeed|null>(null);
+    const status = ref<IPlaylistState|null>(null);
+    const audio = ref<HTMLAudioElement | null>(null);
+    const listhead = ref<ComponentPublicInstance | null>(null);
+    const listHeight = ref(0);
+    const playerNames = ['Local', 'Soundbar'];
+    const currentPlayer = ref<string>(playerNames[0]);
+    const playLocal = computed(() => currentPlayer.value == 'Local');
+    const playIndex = ref(-1);
+    const playingFeed = ref<IRssFeed|null>(null);
+    const position = ref(0);
+    const positionLength = ref(0);
+    let statusTimer = 0;
+
+
+
+    onMounted(async () => {
+        playlistService.log.info('OnlineBroadcast created');
+        const f = await playlistService.getFeeds();
+        feeds.splice(0, feeds.length, ...f);
+	computeListHeight();
+    });
+    onUnmounted(() => {
+	if (statusTimer > 0) {
+	    clearTimeout(statusTimer);
+	    statusTimer = 0;
+	}
+    });
+
+    function computeListHeight() {
+        nextTick(() => {
+            let height = appState.bodyHeight.value;
+            if (listhead.value) {
+                height = height - (listhead.value.$el as HTMLElement).clientHeight;
+            }
+            listHeight.value = height;
+        })
+    }
+    async function play() {
+	if (playLocal.value) {	
+	    audio.value!.src = selected.value.link;
+	    audio.value!.load();
+	    await audio.value!.play();
+	    playlistService.log.trace(`play local ${selected.value.title}`)
+	}
+	else {
+	    const rc = await playlistService.play(selected.value.link);    
+	    if (!rc) 
+		return;
+	    await getStatus();
+    	    playlistService.log.trace(`play remote ${selected.value.title}`)
+	}
+	playingFeed.value = selected.value;	
+	playIndex.value = feeds.findIndex((f) => f.link == selected.value.link);
+    }
+    function listItem(item: IRssFeed) {
+        selected.value = item;
+        computeListHeight();
+    }
+    function listBack() {
+        router.back();
+    }
+    async function getStatus() {
+	const status = await playlistService.getStatus();
+	status.value = status;
+	setPosition(status.position.toNumber());
+	statusTimer = setTimeout(async () => getStatus(), 1000);
+    }
+
+    function toSubTitle(f: IRssFeed): string {
+	if (!f.duration)
+    	    return "";
+	let s = f.duration;
+        var r = "";
+        s = Math.floor(s);
+        if (s >= 3600) {
+            r += Math.floor(s / 3600).toString() + ":"; s = s % 3600;
+        }
+        if (!r || s >= 600) {
+            r += Math.floor(s / 60).toString() + ":"; s = s % 60;
+        }
+        else {
+            r += "0"; r += Math.floor(s / 60).toString() + ":"; s = s % 60;
+        }
+        if (s >= 10) {
+            r += s.toString(); s = -1;
+        }
+        else if (s >= 0) {
+            r += "0"; r += s.toString();
+            s = -1;
+        }
+        return r;
+    }
+    function onEnded() {
+    }
+    function onTimeUpdate() {
+        setPosition(audio.value!.currentTime);
+    }
+    function setPosition(value: number) {
+        position.value = value;
+        if (playingFeed.value && playingFeed.value.duration > 0)
+            positionLength.value = position.value * 100 / playingFeed.value.duration;
+        else
+            positionLength.value = 0;
+    }
+
+</script>
+
+<template>
+    <v-card ref="listhead" class="bg-media_head">
+        <audio ref="audio" preload="none" @ended="onEnded" @timeupdate="onTimeUpdate">
+        </audio>
+        <v-list-item lines="three">
+            <v-list-item-content>
+                <v-list-item-title text-h6>{{selected.title}}</v-list-item-title>
+                <v-list-item-subtitle>{{toSubTitle(selected)}}</v-list-item-subtitle>
+            </v-list-item-content>
+            <template v-slot:append>
+                <v-select v-model="currentPlayer"
+                            :items="playerNames"
+                            persistent-hint
+                            @update:modelValue="onPlayerChange"
+                            hide-details single-line>
+                </v-select>
+            </template>
+        </v-list-item>
+        <v-card-actions>
+            <v-btn v-if="backVisible" @click="listBack">
+                <v-icon icon="$back" />
+            </v-btn>
+            <v-btn size="small" v-if="playingTrack" @click="playpause">
+                <v-icon v-if="paused" icon="$play" />
+                <v-icon v-else icon="$pause" />
+            </v-btn>
+            <v-btn size="small" v-if="playingTrack" @click="previous">
+                <v-icon icon="$prev" />
+            </v-btn>
+            <v-btn size="small" v-if="playingTrack" @click="next">
+                <v-icon icon="$next" />
+            </v-btn>
+            <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>
+        <v-progress-linear v-if="playingTrack" v-model="positionLength" color="blue" height="25"><strong>{{positionText}}</strong></v-progress-linear>
+    </v-card>
+    <v-card :height="listHeight" density="compact" class="overflow-y-auto bg-media">
+        <v-list lines="two" class="bg-media">
+            <v-list-item-group v-model="itemIndex">
+                <v-list-item v-for="(item,index) in items" :key="item.title" density="compact" :title="item.title" :subtitle="toSubTitle(item)"
+                             active-color="blue" :active="index == playIndex" @click="listItem(item)">
+                </v-list-item>
+            </v-list-item-group>
+        </v-list>
+    </v-card>
+</template>
+

package/src/views/OnlineRadiosPage.vue

@@ -67,11 +67,12 @@
                 mimeType = 'image/png';
             else if (url.includes('.jpg') || url.includes('.jpeg'))
                 mimeType = 'image/jpeg';
+	    if (mimeType)
+		return `${mediaService.mediaUrl}apiimage/cachedimage?url=${encodeURIComponent(url)}&mimeType=${encodeURIComponent(mimeType)}`;
+	    else
+		return `${mediaService.mediaUrl}apiimage/cachedimage?url=${encodeURIComponent(url)}`;
         }
-        if (mimeType)
-            return `${mediaService.mediaUrl}apiimage/cachedimage?url=${encodeURIComponent(url)}&mimeType=${encodeURIComponent(mimeType)}`;
-        else
-            return `${mediaService.mediaUrl}apistream/stream?url=${encodeURIComponent(url)}`;
+        return `${mediaService.mediaUrl}apistream/stream?url=${encodeURIComponent(url)}&mimeType=${encodeURIComponent(mimeType)}`;
     }
     function listItem(item: IMediaItem) {
         if (item.itemType == EItemType.AudioTrack || item.itemType == EItemType.AudioBroadcast) {

package/src/views/OnlineTVsPage.vue

@@ -91,11 +91,12 @@
                 mimeType = 'image/png';
             else if (url.includes('.jpg') || url.includes('.jpeg'))
                 mimeType = 'image/jpeg';
+	    if (mimeType)
+		return `${mediaService.mediaUrl}apiimage/cachedimage?url=${encodeURIComponent(url)}&mimeType=${encodeURIComponent(mimeType)}`;
+	    else
+		return `${mediaService.mediaUrl}apiimage/cachedimage?url=${encodeURIComponent(url)}`;
         }
-        if (mimeType)
-            return `${mediaService.mediaUrl}apiimage/cachedimage?url=${encodeURIComponent(url)}&mimeType=${encodeURIComponent(mimeType)}`;
-        else
-            return `${mediaService.mediaUrl}apistream/stream?url=${encodeURIComponent(url)}`;
+        return `${mediaService.mediaUrl}apistream/stream?url=${encodeURIComponent(url)}&mimeType=${encodeURIComponent(mimeType)}`;
     }
     async function listItem(item: IMediaItem) {
         if (item.itemType == EItemType.VideoItem || item.itemType == EItemType.VideoBroadcast) {