@saooti/octopus-sdk 41.0.13-SNAPSHOT → 41.0.13

package/src/components/pages/VideoPage.vue

@@ -193,7 +193,7 @@ const hlsVideoUrl = computed(() => {
   if (!recordingLive.value || !podcastConference.value) {
     return "";
   }
-  return `${apiStore.hlsUrl}live/video_dev.${podcastConference.value.conferenceId}/index.m3u8`;
+  return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;
 });
 const isSecured = computed(() => {
   return "SECURED" === podcast.value?.organisation?.privacy;
@@ -255,7 +255,10 @@ async function getPodcastDetails(): Promise<void> {
         playerStore.playerPlay(
           {
             ...podcast.value,
-            ...{ conferenceId: podcast.value.conferenceId },
+            ...{ 
+              conferenceId: podcast.value.conferenceId,
+              hlsIdentifier: podcastConference.value?.hlsIdentifier,
+            },
           },
           true,
         );

package/src/locale/de.ts

@@ -57,6 +57,9 @@ export default {
   "Type string to filter by organisation": "Nach Organisation filtern",
   "Type string to filter by emission": "Nach Reihe filtern",
   "Type string to filter by podcast": "Nach Podcast filtern",
+  "Type string to filter by categories": "Nach Kategorien filtern",
+  "Type string to filter by rubrics": "Nach Rubriken filtern",
+  "Enter name of topic": "Geben Sie den Titel ein \"{topic}\"",
   "No organisation filter": "Keine Organisation",
   "No emission filter": "Keine Reihe",
   "No podcast filter": "Kein Podcast",
@@ -74,7 +77,6 @@ export default {
   Duration: "Dauer: {duration}",
   Animator: "Autor",
   "No category filter": "Keine Kategorie",
-  "Type string to filter by categories": "Nach Kategorien filtern",
   Search: "Suche",
   Close: "Schließen",
   Embed: "Player",
@@ -131,7 +133,6 @@ export default {
   Advertising: "Werbung",
   "By topic": "Nach Thema",
   "By rubric": "Nach Rubrik",
-  "Type string to filter by rubrics": "Nach Rubriken filtern",
   "No rubric filter": "Keine Rubrik",
   "From the :": "Vom:",
   "To the :": "Bis zum:",
@@ -146,8 +147,8 @@ export default {
   "Sort score": "Nach Relevanz",
   "Sort name": "Nach Titel",
   "Sort last": "Nach Datum",
-  "Choose color": "Farbe wählen",
-  "Choose theme": "Design wählen",
+  "Choose color": "Akzentfarbe",
+  "Choose theme": "Thema (Spielerhintergrund)",
   "Podcast no visible": "Podcast nicht sichtbar",
   "Display episodes": "Folgen anzeigen",
   "Podcast published in future": "Podcast geplant",
@@ -167,7 +168,6 @@ export default {
   "open left Menu": "Menü öffnen/schließen",
   Participant: "Sprecher",
   "Number of player podcasts": "Anzahl der Podcasts im Player",
-  "Proceed reading": "Weiterhören",
   "Without topic": "Ohne Thema",
   "Without rubric": "Ohne Rubrik",
   "Consider podcasts no visible":
@@ -414,4 +414,5 @@ export default {
   "Code copied!":"Code kopiert!",
   "Copied!":"Kopiert!",
   "Color of the QR Code": "Farbe des QR-Codes",
+  "Silent stream":"Stiller Fluss",
 }

package/src/locale/en.ts

@@ -58,6 +58,9 @@ export default {
   "Type string to filter by organisation": "Filter by organization",
   "Type string to filter by emission": "Filter by series",
   "Type string to filter by podcast": "Filter by podcast",
+  "Type string to filter by categories": "Filter categories by title",
+  "Type string to filter by rubrics": "Filter by rubrics",
+  "Enter name of topic": "Enter name of \"{topic}\"",
   "No organisation filter": "No organization filter",
   "No emission filter": "No series filter",
   "No podcast filter": "No podcast filter",
@@ -75,7 +78,6 @@ export default {
   Duration: "Duration : {duration}",
   Animator: "Host",
   "No category filter": "No category filter",
-  "Type string to filter by categories": "Filter categories by title",
   Search: "Search",
   Close: "Close",
   Embed: "Player",
@@ -131,7 +133,6 @@ export default {
   Advertising: "Advertising",
   "By topic": "By topic",
   "By rubric": "By rubric",
-  "Type string to filter by rubrics": "Filter by rubrics",
   "No rubric filter": "No rubric filter",
   "From the :": "From the :",
   "To the :": "To the :",
@@ -145,8 +146,8 @@ export default {
   "Sort score": "Sorted by relevancy score",
   "Sort name": "Sorted title",
   "Sort last": "Sorted last",
-  "Choose color": "Choose color",
-  "Choose theme": "Choose theme",
+  "Choose color": "Accent color",
+  "Choose theme": "Theme (player background)",
   "Podcast no visible": "Podcast not visible",
   "Display episodes": "Display episodes",
   "Podcast published in future": "Podcast published in the future",
@@ -166,7 +167,6 @@ export default {
   "open left Menu": "Open/Close Menu",
   Participant: "Speaker",
   "Number of player podcasts": "Number of podcasts in the player ",
-  "Proceed reading": "Continue Listening",
   "Without topic": "Without a topic",
   "Without rubric": "Without a rubric",
   "Consider podcasts no visible":
@@ -417,4 +417,5 @@ export default {
   "Code copied!":"Code copied!",
   "Copied!":"Copied!",
   "Color of the QR Code": "Color of the QR Code",
+  "Silent stream":"Silent stream",
 };

package/src/locale/es.ts

@@ -57,6 +57,9 @@ export default {
   "Type string to filter by organisation": "Filtrar por organización",
   "Type string to filter by emission": "Filtrar por programa",
   "Type string to filter by podcast": "Filtrar por pódcast",
+  "Type string to filter by categories": "Filtrar las categorías por título",
+  "Type string to filter by rubrics": "Filtrar por sección",
+  "Enter name of topic": "Introduzca el título de",
   "No organisation filter": "Sin filtro de organización",
   "No emission filter": "Sin filtro de programa",
   "No podcast filter": "Sin filtro de pódcast",
@@ -74,7 +77,6 @@ export default {
   Duration: "Duración: {duration}",
   Animator: "Presentador/a",
   "No category filter": "Sin filtro de categoría",
-  "Type string to filter by categories": "Filtrar las categorías por título",
   Search: "Buscar",
   Close: "Cerrar",
   Embed: "Reproductor",
@@ -130,7 +132,6 @@ export default {
   Advertising: "Publicidad",
   "By topic": "Por tema",
   "By rubric": "Por sección",
-  "Type string to filter by rubrics": "Filtrar por sección",
   "No rubric filter": "Sin filtro de sección",
   "From the :": "De:",
   "To the :": "A:",
@@ -145,8 +146,8 @@ export default {
   "Sort score": "Clasificación por pertinencia",
   "Sort name": "Clasificación por título",
   "Sort last": "Clasificación por fecha más reciente",
-  "Choose color": "Elegir color",
-  "Choose theme": "Elegir tema",
+  "Choose color": "Color de acento",
+  "Choose theme": "Tema (fondo del jugador)",
   "Podcast no visible": "Este pódcast no puede visualizarse",
   "Display episodes": "Mostrar episodios",
   "Podcast published in future": "Pódcast pendiente de publicación",
@@ -167,7 +168,6 @@ export default {
   "open left Menu": "Abrir/Cerrar menú",
   Participant: "Participante",
   "Number of player podcasts": "Número de pódcast en el reproductor",
-  "Proceed reading": "Seguir escuchando",
   "Without topic": "Sin tema",
   "Without rubric": "Sin sección",
   "Consider podcasts no visible":
@@ -415,4 +415,5 @@ export default {
   "Code copied!":"¡Código copiado!",
   "Copied!":"¡Copiado!",
   "Color of the QR Code": "Color del código QR",
+  "Silent stream":"Flujo silencioso",
 }

package/src/locale/fr.ts

@@ -58,6 +58,9 @@ export default {
   "Type string to filter by organisation": "Filtrer les producteurs par nom",
   "Type string to filter by emission": "Filtrer les émissions par titre",
   "Type string to filter by podcast": "Filtrer les épisodes par titre",
+  "Type string to filter by rubrics": "Filtrer les rubriques",
+  "Type string to filter by categories": "Filtrer les thématiques par intitulé",
+  "Enter name of topic": "Saisir l'intitulé de \"{topic}\"",
   "No organisation filter": "Tous les producteurs",
   "No emission filter": "Toutes les émissions",
   "No podcast filter": "Tous les épisodes",
@@ -74,7 +77,6 @@ export default {
   Duration: "Durée : {duration}",
   Animator: "Intervenant",
   "No category filter": "Toutes les thématiques",
-  "Type string to filter by categories": "Filtrer les thématiques par intitulé",
   Search: "Rechercher",
   Close: "Fermer",
   Embed: "Player",
@@ -131,7 +133,6 @@ export default {
   Advertising: "Publicité",
   "By topic": "Selon rubriquage",
   "By rubric": "Par rubrique",
-  "Type string to filter by rubrics": "Filtrer les rubriques",
   "No rubric filter": "Toutes les rubriques",
   "From the :": "Depuis le :",
   "To the :": "Jusqu'au :",
@@ -146,8 +147,8 @@ export default {
   "Sort score": "Pertinence",
   "Sort name": "Alphabétique",
   "Sort last": "Antéchronologique",
-  "Choose color": "Couleur",
-  "Choose theme": "Thème",
+  "Choose color": "Couleur d'accent",
+  "Choose theme": "Thème (fond du player)",
   "Podcast no visible": "Épisode non visible actuellement",
   "Display episodes": "Affichage des épisodes",
   "Podcast publish in future": "Épisode publié dans le futur",
@@ -168,7 +169,6 @@ export default {
   "open left Menu": "Ouvrir/Fermer le menu",
   Participant: "Intervenant",
   "Number of player podcasts": "Nombre d'épisodes dans le miniplayer",
-  "Proceed reading": "Poursuivre la lecture",
   "Without topic": "Sans rubriquage",
   "Without rubric": "Non rubriqué",
   "Consider podcasts no visible":
@@ -424,4 +424,5 @@ export default {
   "Code copied!":"Code copié !",
   "Copied!":"Copié !",
   "Color of the QR Code": "Couleur du Qr Code",
+  "Silent stream":"Flux silencieux",
 };

package/src/locale/it.ts

@@ -56,6 +56,9 @@ export default{
     'Type string to filter by organisation': 'Filtra per organizzazione', 
     'Type string to filter by emission': 'Filtra per serie', 
     'Type string to filter by podcast': 'Filtra per podcast', 
+    'Type string to filter by categories': 'Filtra la categoria tramite il titolo', 
+    'Type string to filter by rubrics': 'Filtra per rubriche',
+    'Enter name of topic': 'Inserisci il titolo di {topic}',
     'No organisation filter': 'Nessun filtro per organizzazione', 
     'No emission filter': 'Nessun filtro per serie', 
     'No podcast filter': 'Nessun filtro per podcast', 
@@ -71,7 +74,6 @@ export default{
     Duration: 'Durata: {duration}', 
     Animator: 'Host',
     'No category filter': 'Nessun filtro per la categoria', 
-    'Type string to filter by categories': 'Filtra la categoria tramite il titolo', 
     Search: 'Ricerca', 
     Close: 'Chiudi', 
     Embed: 'Player',
@@ -127,7 +129,6 @@ export default{
     Advertising: 'Pubblicità',
     'By topic': 'Per tema',
     'By rubric': 'Per rubrica',
-    'Type string to filter by rubrics': 'Filtra per rubriche',
     'No rubric filter': 'No filtri rubrica',
     'From the :': 'Dal :',
     'To the :': "Al :",
@@ -141,8 +142,8 @@ export default{
     'Sort score': 'Suddiviso per grado di rilevanza',
     'Sort name': 'Suddividi titolo',
     'Sort last': 'Suddividi ultimo',
-    'Choose color': 'Seleziona colore',
-    'Choose theme': 'Seleziona tema',
+    'Choose color': 'Colore accento',
+    'Choose theme': 'Tema (sfondo del giocatore)',
     'Podcast no visible': 'Podcast non visibile',
     'Display episodes': 'Mostra episodi',
     'Podcast published in future': 'Podcast pubblicato in futuro',
@@ -163,7 +164,6 @@ export default{
     'open left Menu': 'Apri/Chiudi Menu',
     Participant: 'Speaker',
     'Number of player podcasts': "Numero di podcast nel lettore",
-    'Proceed reading': 'Continua ad ascoltare',
     'Without topic': 'Senza un tema',
     'Without rubric': 'Senza una rubrica',
     'Consider podcasts no visible':
@@ -411,4 +411,5 @@ export default{
   "Code copied!":"Codice copiato!",
   "Copied!":"Copiato!",
   "Color of the QR Code": "Colore del codice QR",
+  "Silent stream":"Flusso silenzioso",
 };

package/src/locale/sl.ts

@@ -56,6 +56,9 @@ export default {
   "Type string to filter by organisation": "Išči po organizaciji",
   "Type string to filter by emission": "Išči po oddaji",
   "Type string to filter by podcast": "Išči po podkastu",
+  "Type string to filter by categories": "Razvrsti po kategorijah",
+  "Type string to filter by rubrics": "Razvrsti po rubrikah",
+  "Enter name of topic": "Vnesite naslov {topic}",
   "No organisation filter": "Brez filtra za organizacije",
   "No emission filter": "Brez filtra za oddaje",
   "No podcast filter": "Brez filtra za podkaste",
@@ -72,7 +75,6 @@ export default {
   Duration: "Trajanje: {duration}",
   Animator: "Napovedovalec",
   "No category filter": "Brez filtra za kategorijo",
-  "Type string to filter by categories": "Razvrsti po kategorijah",
   Search: "Išči",
   Close: "Zapri",
   Embed: "Predvajalnik",
@@ -128,7 +130,6 @@ export default {
   Advertising: "Oglaševanje",
   "By topic": "Po temi",
   "By rubric": "Po rubriki",
-  "Type string to filter by rubrics": "Razvrsti po rubrikah",
   "No rubric filter": "Brez filtra po rubriki",
   "From the :": "Od:",
   "To the :": "Do:",
@@ -142,8 +143,8 @@ export default {
   "Sort score": "Razvrščeno po relevantnosti",
   "Sort name": "Naslov",
   "Sort last": "Zadnje",
-  "Choose color": "Izberi barvo",
-  "Choose theme": "Izberi temo",
+  "Choose color": "Poudarjena barva",
+  "Choose theme": "Tema (ozadje igralca)",
   "Podcast no visible": "Podkast je skrit",
   "Display episodes": "Prikaži epizode",
   "Podcast published in future": "Podkast bo objavljen v prihodnje",
@@ -163,7 +164,6 @@ export default {
   "open left Menu": "Meni odpri/zapri",
   Participant: "Sodelujoči",
   "Number of player podcasts": "Število podkastov v predvajalniku",
-  "Proceed reading": "Nadaljuj s poslušanjem",
   "Without topic": "Brez teme",
   "Without rubric": "Brez rubrike",
   "Consider podcasts no visible": "Občinstvu skriti podkasti",
@@ -406,4 +406,5 @@ export default {
   "Code copied!":"Koda kopirana!",
   "Copied!":"Kopirano!",
   "Color of the QR Code": "Barva kode QR",
+  "Silent stream":"Tihi tok",
 }

package/src/stores/PlayerStore.ts

@@ -32,6 +32,7 @@ interface PlayerState {
   playerChaptering?: Chaptering;
   playerDelayStitching: number;
   playerHlsUrl?: string;
+  playerHlsIdentifier?:string;
 }
 export const usePlayerStore = defineStore("PlayerStore", {
   state: (): PlayerState => ({
@@ -49,6 +50,7 @@ export const usePlayerStore = defineStore("PlayerStore", {
     playerVideo: false,
     playerChaptering: undefined,
     playerDelayStitching: 0,
+    playerHlsIdentifier: undefined,
   }),
   getters: {
     playerChapteringPercent(): ChapteringPercent | undefined {
@@ -146,6 +148,7 @@ export const usePlayerStore = defineStore("PlayerStore", {
         this.playerPodcast = undefined;
         this.playerMedia = undefined;
         this.playerLive = undefined;
+        this.playerHlsIdentifier = undefined;
         this.playerRadio = undefined;
         this.playerElapsed = 0;
         this.playerVideo = false;
@@ -168,6 +171,7 @@ export const usePlayerStore = defineStore("PlayerStore", {
       this.playerPodcast = undefined;
       this.playerMedia = undefined;
       this.playerLive = undefined;
+      this.playerHlsIdentifier = undefined;
       this.playerRadio = undefined;
       this.playerVideo = isVideo;
       this.playerElapsed = 0;
@@ -177,6 +181,7 @@ export const usePlayerStore = defineStore("PlayerStore", {
         (!param.podcastId || param.processingStatus !== "READY")
       ) {
         this.playerLive = param;
+        this.playerHlsIdentifier = param.hlsIdentifier;
         this.playerCurrentChange = null;
         return;
       }
@@ -210,7 +215,7 @@ export const usePlayerStore = defineStore("PlayerStore", {
     playerUpdateSeekTime(seekTime: number) {
       this.playerSeekTime = seekTime;
     },
-    playerMetadata(metadata: MediaRadio, history: Array<MediaRadio>) {
+    playerMetadata(metadata: MediaRadio|undefined, history: Array<MediaRadio>) {
       if (!this.playerRadio) {
         return;
       }

package/src/stores/class/conference/conference.ts

@@ -8,6 +8,7 @@ export interface Conference {
   deletionAttempts?: number;
   directCode?: string;
   externalRtmpUrl?: ExternalRtmpUrl;
+  hlsIdentifier?: string;
   hostname?: string;
   jingleDuration?: number;
   jingleFilePath?: string;
@@ -57,6 +58,7 @@ export function getEmptyConference(): Conference {
 export interface ConferencePublicInfo {
   status: string;
   videoProfile: string;
+  hlsIdentifier: string;
 }
 
 export interface ExternalRtmpUrl {

package/src/stores/class/general/player.ts

@@ -4,7 +4,7 @@ import { Podcast } from "./podcast";
 export interface Radio {
   canalId: number;
   url: string;
-  metadata: MediaRadio;
+  metadata?: MediaRadio;
   history: Array<MediaRadio>;
   nextAdvertising: NextAdvertising;
   isInit: boolean;
@@ -30,7 +30,7 @@ export interface NextAdvertising {
 
 export interface MetadataRadio {
   channelId: number;
-  currently: MediaRadio;
+  currently: MediaRadio|null;
   previously: Array<MediaRadio>;
   nextAdvertising: NextAdvertising;
 }

package/src/style/_variables.scss

@@ -27,10 +27,16 @@
     --octopus-background-transparent: oklch(from var(--octopus-background) l c h / 40%);
     --octopus-tertiary-really-transparent: oklch(from var(--octopus-tertiary) l c h / 30%);
 
+    //Gradient
+    --octopus-gradient : linear-gradient(90deg,var(--octopus-primary) 0%, var(--octopus-tertiary) 100%);
+
     // Size
     --octopus-image-size: 12.5rem;
     --octopus-podcast-size: 13.5rem;
     --octopus-border-radius: 0.2rem;
     --octopus-line-clamp:2;
     --octopus-max-height-description: 7rem;
+
+    //Font-family
+    --octopus-font-family: Montserrat,sans-serif,"Helvetica Neue";
 }

package/src/style/general.scss

@@ -1,5 +1,6 @@
 /** Document style */
 
+
 html{
   font-size: 20px;
   height: 100%;
@@ -9,7 +10,7 @@ html{
 body{
   margin: 0;
   color: var(--octopus-color-text);
-  font-family: Montserrat,sans-serif,"Helvetica Neue";
+  font-family: var(--octopus-font-family);
   font-size: 0.8rem;
   overflow-x: hidden;
   background: var(--octopus-secondary-lighter);
@@ -42,6 +43,10 @@ main, #app{
     align-items: center;
   }
 
+  input {
+    font-family: var(--octopus-font-family);
+  }
+
   /** Link style */
   a{
     word-break: break-word;
@@ -114,6 +119,11 @@ main, #app{
 		background: var(--octopus-complementary-color) !important;
 	}
 
+  .bg-gradient{
+    background: var(--octopus-primary);
+    background:var(--octopus-gradient);
+  }
+
   .text-blue-octopus{
     color: var(--octopus-tertiary) !important
   }
@@ -170,6 +180,13 @@ main, #app{
 		}
 	}
 
+  .show-small-screen{
+    display: none !important;
+		@media (width <= 500px) {
+			display: flex !important;
+		}
+	}
+
   .show-phone{
     display: none;
 

package/src/helper/radio/radioHelper.ts

@@ -1,15 +0,0 @@
-import { MediaRadio } from "@/stores/class/general/player";
-
-export default {
-    displayTitle(metadata: MediaRadio): string {
-        let title = "";
-        if (metadata.title) {
-          title += metadata.title;
-        }
-        if (metadata.artist) {
-          title += " - " + metadata.artist;
-        }
-        return title;
-      }
-};
-