@saooti/octopus-sdk 39.0.42 → 39.0.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "39.0.42",
+  "version": "39.0.44",
   "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/assets/bootstrap.scss

@@ -83,7 +83,7 @@ input:not([class^="vs__"]), button:not([class^="vs__"]), select:not([class^="vs_
 		text-decoration: none !important;
 		white-space: nowrap;
 		border-width: 0;
-		min-width: 24px;
+		//min-width: 24px; Problème avec flex-shrink
 		@media (max-width: 960px) {
 				white-space: normal;
 		}
@@ -138,6 +138,9 @@ input:not([class^="vs__"]), button:not([class^="vs__"]), select:not([class^="vs_
 						left: 0; 
 				}
 		}
+		&.btn-min-width{
+			min-width: 24px;
+		}
 	
 			&.btn-primary {
 					display: flex;

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

@@ -23,10 +23,10 @@
         </svg>
       </button>
       <div v-for="pageNumber in pagination" :key="pageNumber">
-        <span v-if="null === pageNumber" class="btn"> ... </span>
+        <span v-if="null === pageNumber" class="btn btn-min-width"> ... </span>
         <button
           v-else
-          class="btn"
+          class="btn btn-min-width"
           :class="{ active: page === pageNumber - 1 }"
           @click="changeFirst((pageNumber - 1) * rowsPerPage)"
         >
@@ -36,7 +36,7 @@
       <button
         v-for="paginateButton in buttonsRight"
         :key="paginateButton.title"
-        class="btn"
+        class="btn btn-min-width"
         :title="paginateButton.title"
         :disabled="paginateButton.disabled"
         @click="paginateButton.action"

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,14 +5,14 @@ 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,
+    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,