@saooti/octopus-sdk 39.0.41 → 39.0.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "39.0.41",
+  "version": "39.0.43",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -40,8 +40,7 @@
     "sonarqube-scanner": "^3.3.0",
     "swiper": "^11.1.4",
     "video.js": "^8.12.0",
-    "videojs-contrib-quality-levels": "^4.1.0",
-    "videojs-hls-quality-selector": "^2.0.0",
+    "videojs-quality-selector-hls": "^1.1.1",
     "vite": "^5.3.1",
     "vue": "^3.4.30",
     "vue-i18n": "^9.13.1",
@@ -52,8 +51,6 @@
     "vue3-swatches": "^1.2.4"
   },
   "devDependencies": {
-    "@types/videojs-contrib-quality-levels": "^2.0.4",
-    "@types/videojs-hls-quality-selector": "^1.1.3",
     "@types/vue-select": "^3.16.8",
     "@typescript-eslint/eslint-plugin": "^7.14.1",
     "@typescript-eslint/parser": "^7.14.1",

package/src/components/display/list/SwiperList.vue

@@ -2,6 +2,7 @@
   <div class="position-relative w-100">
     <template v-if="!isPhone">
       <swiper
+        :key="manualReload"
         :slides-per-view="numberItem"
         :space-between="0"
         :loop="isLoop"
@@ -50,6 +51,7 @@ export default defineComponent({
 
   data() {
     return {
+      manualReload: 0 as number,
       modules: [Navigation],
       numberItem: 5 as number,
       isPhone: false as boolean,
@@ -91,6 +93,12 @@ export default defineComponent({
       this.itemSizeWithoutRecalculed =
         (this.$el as HTMLElement).offsetWidth / this.numberItem;
     },
+    listObject: {
+      deep: true,
+      handler() {
+        this.manualReload+=1;
+      },
+    },
   },
 
   methods: {

package/src/components/display/podcasts/PodcastSwiperList.vue

@@ -137,10 +137,8 @@ export default defineComponent({
         },
         true,
       );
-      this.reset();
-      this.allPodcasts = this.allPodcasts.concat(
-        data.result.filter((pod: Podcast | null) => null !== pod),
-      );
+      this.loading = true;
+      this.allPodcasts = data.result.filter((pod: Podcast | null) => null !== pod);
       this.loading = false;
     },
     sortPopular(): void {
@@ -152,11 +150,7 @@ export default defineComponent({
       if (!this.popularSort) return;
       this.popularSort = false;
       this.fetchNext();
-    },
-    reset(): void {
-      this.loading = true;
-      this.allPodcasts.length = 0;
-    },
+    }
   },
 });
 </script>

package/src/components/misc/player/video/PlayerVideoHls.vue

@@ -14,13 +14,9 @@ import { usePlayerStore } from "@/stores/PlayerStore";
 import { mapActions } from "pinia";
 import { playerLogicProgress } from "../../../mixins/player/playerLogicProgress";
 import videojs, { VideoJsPlayer } from "video.js";
-import qualitySelector from "videojs-hls-quality-selector";
-import qualityLevels from "videojs-contrib-quality-levels";
-if (!videojs.getPlugin("qualityLevels")) {
-  videojs.registerPlugin("qualityLevels", qualityLevels);
-}
-if (!videojs.getPlugin("hlsQualitySelector")) {
-  videojs.registerPlugin("hlsQualitySelector", qualitySelector);
+import qualitySelectorHls from "videojs-quality-selector-hls";
+if (undefined===videojs.getPlugin("qualitySelectorHls")) {
+  videojs.registerPlugin("qualitySelectorHls", qualitySelectorHls);
 }
 import { defineComponent } from "vue";
 export default defineComponent({
@@ -68,11 +64,6 @@ export default defineComponent({
           nativeAudioTracks: false,
           nativeVideoTracks: false,
         },
-        plugins: {
-          hlsQualitySelector: {
-            displayCurrentQuality: true,
-          },
-        },
       };
     },
   },
@@ -99,7 +90,7 @@ export default defineComponent({
         }
         this.videoClean();
         this.playLive();
-      }, 5000);
+      }, 15000);
     },
     async playLive(): Promise<void> {
       clearTimeout(this.stalledTimout);
@@ -113,6 +104,8 @@ export default defineComponent({
         document.getElementById("video-element-hls") as Element,
         this.videoOptions,
         () => {
+          this.player.qualitySelectorHls( {displayCurrentQuality: true} );
+          /*console.log(this.player.tech(true).vhs.playlistController_); */
           this.errorPlay = "";
           this.playing = true;
         },

package/src/components/mixins/player/playerLive.ts

@@ -79,6 +79,9 @@ export const playerLive = defineComponent({
           await this.initHls(hlsStreamUrl);
         }
       } catch (error) {
+        if("STOPPED"===this.playerStatus){
+          return;
+        }
         setTimeout(() => {
           this.playHls(hlsStreamUrl);
         }, 1000);
@@ -103,8 +106,8 @@ export const playerLive = defineComponent({
           this.onPlay();
           resolve();
         });
-        this.hls.on(Hls.Events.ERROR, async () => {
-          reject(new Error("There is an error while reading media content"));
+        this.hls.on(Hls.Events.ERROR, async (event, data) => {
+          reject(new Error("There is an error while reading media content"+data.details));
         });
         this.hls.loadSource(hlsStreamUrl);
       });

package/src/components/mixins/player/playerLogicProgress.ts

@@ -72,6 +72,7 @@ export const playerLogicProgress = defineComponent({
           "podcast/prepare/live/" + this.playerLive.podcastId+"?mediaType="+mediaType,
           undefined,
         );
+        //TODO check if we can do otherwise
         await octopusApi.fetchDataPublicWithParams<string | null>(
           0,
           "podcast/download/live/" + this.playerLive.podcastId + ".m3u8",

package/src/stores/ParamSdkStore.ts

@@ -5,15 +5,15 @@ const state: ParamStore = {
   generalParameters: {
     organisationId: "ecbd98d9-79bd-4312-ad5e-fc7c1c4a191c",
     authenticated: false,
-    isAdmin: true,
-    isRoleLive: true,
-    isCommments: true,
-    isOrganisation:true,
-    isPlaylist: true,
-    isProduction: true,
-    isContribution: true,
-    isRadio: true,
-    ApiUri: "https://api.staging.saooti.org/",
+    isAdmin: false,
+    isRoleLive: false,
+    isCommments: false,
+    isOrganisation:false,
+    isPlaylist: false,
+    isProduction: false,
+    isContribution: false,
+    isRadio: false,
+    ApiUri: "https://api.dev2.saooti.org/",
     podcastmaker: false,
     buttonPlus: true,
     allCategories: [],
@@ -27,8 +27,8 @@ const state: ParamStore = {
     SharePlayer: true,
     ShareButtons: true,
     ShareDistribution: true,
-    MiniplayerUri: "https://playerbeta.staging.saooti.org/",
-    hlsUri: "https://hls.live.staging.saooti.org/",
+    MiniplayerUri: "https://playerbeta.dev2.saooti.org/",
+    hlsUri: "https://hls.live.dev2.saooti.org/",
     mainRubrique: 0,
     resourceUrl: undefined,
     podcastItemShowEmission: false,
@@ -81,14 +81,14 @@ const state: ParamStore = {
     userName: "",
   },
   octopusApi: {
-    url: "https://api.staging.saooti.org/",
-    commentsUrl: "https://comments.staging.saooti.org/",
-    imageUrl: "https://imageproxy.staging.saooti.org/",
-    studioUrl: "https://studio.staging.saooti.org/",
-    playerUrl: "https://playerbeta.staging.saooti.org/",
-    speechToTextUrl: "https://speech2text.staging.saooti.org/",
-    radioUrl:"https://radio.staging.saooti.org/",
-    recoUrl: "https://reco.staging.saooti.org/",
+    url: "https://api.dev2.saooti.org/",
+    commentsUrl: "https://comments.dev2.saooti.org/",
+    imageUrl: "https://imageproxy.dev2.saooti.org/",
+    studioUrl: "https://studio.dev2.saooti.org/",
+    playerUrl: "https://playerbeta.dev2.saooti.org/",
+    speechToTextUrl: "https://speech2text.dev2.saooti.org/",
+    radioUrl:"https://radio.dev2.saooti.org/",
+    recoUrl: "https://reco.dev2.saooti.org/",
     organisationId: undefined,
     rubriqueIdFilter: undefined,
   },