@saooti/octopus-sdk 38.1.2 → 38.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "38.1.2",
+  "version": "38.1.4",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/components/misc/HomeDropdown.vue

@@ -60,9 +60,9 @@
           </template>
         </template>
         <hr />
-        <a class="octopus-dropdown-item" href="/logout" realLink="true">
+        <button class="octopus-dropdown-item" @click="logoutFunction">
           {{ $t("Logout") }}
-        </a>
+        </button>
       </template>
       <router-link class="octopus-dropdown-item" to="/main/pub/contact">
         {{ $t("Contact") }}
@@ -72,6 +72,7 @@
 </template>
 
 <script lang="ts">
+import octopusApi from "@saooti/octopus-api";
 import { state } from "../../stores/ParamSdkStore";
 import ClassicPopover from "../misc/ClassicPopover.vue";
 import { useAuthStore } from "@/stores/AuthStore";
@@ -147,5 +148,15 @@ export default defineComponent({
       return state.generalParameters.isContribution ?? false;
     },
   },
+  methods:{
+    async logoutFunction(){
+      try {
+        await octopusApi.postDataPublic(4, '/logout', undefined);
+        this.$router.push('/');
+      } catch (error) {
+        //Do nothing
+      }
+    }
+  }
 });
 </script>

package/src/components/misc/player/PlayerComponent.vue

@@ -20,6 +20,7 @@
           @error="onError"
           @seeked="onSeeked"
           @pause="onPause"
+          @loadedmetadata="checkDelaytWithStitching"
         />
         <PlayerCompact
           v-if="!playerLargeVersion"

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

@@ -2,12 +2,33 @@ import octopusApi from "@saooti/octopus-api";
 import { defineComponent } from "vue";
 import { usePlayerStore } from "@/stores/PlayerStore";
 import { mapState, mapActions } from "pinia";
+import { AdserverOtherEmission } from "@/stores/class/adserver/adserverOtherEmission";
 export const playerTranscript = defineComponent({
   computed: {
-    ...mapState(usePlayerStore, ["playerTranscript", "playerPodcast"]),
+    ...mapState(usePlayerStore, ["playerTranscript", "playerPodcast", 'playerDelayStitching']),
   },
   methods: {
-    ...mapActions(usePlayerStore, ["playerUpdateTranscript"]),
+    ...mapActions(usePlayerStore, ["playerUpdateTranscript", "playerUpdateDelayStitching"]),
+    async checkDelaytWithStitching(){
+      this.playerUpdateDelayStitching(0);
+      const audioPlayer = document.querySelector("#audio-player") as HTMLAudioElement;
+      if (!this.playerTranscript || !audioPlayer || !this.playerPodcast ||
+        audioPlayer.duration <= this.playerPodcast.duration / 1000 + 5) 
+      {
+        return;
+      }
+      let adserverConfig = await octopusApi.fetchDataPublic<AdserverOtherEmission>(0,`ad/test/podcast/${this.playerPodcast.podcastId}`);
+      const doubletsLength = adserverConfig.config.doublets.length;
+      if(1=== doubletsLength &&  "pre" === adserverConfig.config.doublets[0].timing.insertion){
+        this.playerUpdateDelayStitching( audioPlayer.duration - (this.playerPodcast.duration / 1000));
+      }else if(0===doubletsLength || 1=== doubletsLength &&  "post" === adserverConfig.config.doublets[0].timing.insertion){
+        return;
+      }else{
+        // todo remove chaptering
+        this.playerUpdateChaptering();
+        this.playerUpdateTranscript();
+      }
+    },
     async getTranscription(): Promise<void> {
       if (!this.playerPodcast) {
         this.playerUpdateTranscript();
@@ -20,10 +41,13 @@ export const playerTranscript = defineComponent({
       const arrayTranscript = this.parseSrt(result);
       const actualText =
         arrayTranscript?.[0]?.startTime === 0 ? arrayTranscript[0].text : "";
+      if(!arrayTranscript){
+        return;
+      }
       this.playerUpdateTranscript({
         actual: 0,
         actualText: actualText,
-        value: arrayTranscript,
+        value: arrayTranscript
       });
     },
     parseSrt(transcript: string) {
@@ -52,23 +76,30 @@ export const playerTranscript = defineComponent({
       return +a[0] * 60 * 60 + +a[1] * 60 + +parseFloat(a[2]);
     },
     onTimeUpdateTranscript(currentTime: number) {
+      if(!this.playerTranscript || !this.playerTranscript.value.length){
+        return;
+      }
+      const startTime = (this.playerTranscript.value[this.playerTranscript.actual]?.startTime ?? 0) + this.playerDelayStitching;
+      if (startTime <= currentTime) {
+        this.playerTranscript.actualText = this.playerTranscript.value[this.playerTranscript?.actual]?.text ??"";
+      }
       if (
-        this.playerTranscript &&
-        (this.playerTranscript?.value[this.playerTranscript?.actual]?.endTime ??
-          Infinity) < currentTime
+        (this.playerTranscript.value[this.playerTranscript.actual]?.endTime ??
+          Infinity) + this.playerDelayStitching < currentTime
       ) {
         this.playerTranscript.actual += 1;
         this.playerTranscript.actualText =
-          this.playerTranscript?.value[this.playerTranscript?.actual].text ??
+          this.playerTranscript?.value[this.playerTranscript.actual]?.text ??
           "";
       }
     },
+    
     onSeekedTranscript(currentTime: number) {
       if (this.playerTranscript) {
         let newActual = 0;
         while (
           currentTime >
-          (this.playerTranscript.value[newActual]?.endTime ?? Infinity)
+          (this.playerTranscript.value[newActual]?.endTime ?? Infinity) + this.playerDelayStitching
         ) {
           newActual += 1;
         }

package/src/components/pages/Error403Page.vue

@@ -20,15 +20,24 @@
       />
     </div>
 
+    <button
+      v-if="authenticated"
+      class="btn btn-primary"
+      @click="logoutFunction"
+
+      >{{ authText }}</button
+    >
     <a
+      v-else
       class="btn btn-primary"
-      :href="authenticated ? '/logout' : '/sso/login'"
+      href="/sso/login"
       >{{ authText }}</a
     >
   </div>
 </template>
 
 <script lang="ts">
+import octopusApi from "@saooti/octopus-api";
 import { state } from "../../stores/ParamSdkStore";
 import { useGeneralStore } from "@/stores/GeneralStore";
 import { mapState } from "pinia";
@@ -47,6 +56,16 @@ export default defineComponent({
   mounted() {
     document.title = this.metaTitle;
   },
+  methods:{
+    async logoutFunction(){
+      try {
+        await octopusApi.postDataPublic(4, '/logout', undefined);
+        this.$router.push('/');
+      } catch (error) {
+        //Do nothing
+      }
+    }
+  }
 });
 </script>
 <style lang="scss">

package/src/stores/PlayerStore.ts

@@ -25,6 +25,7 @@ interface PlayerState {
   playerLargeVersion: boolean;
   playerVideo: boolean;
   playerChaptering?: Chaptering;
+  playerDelayStitching: number;
 }
 export const usePlayerStore = defineStore("PlayerStore", {
   state: (): PlayerState => ({
@@ -40,6 +41,7 @@ export const usePlayerStore = defineStore("PlayerStore", {
     playerLargeVersion: false,
     playerVideo: false,
     playerChaptering: undefined,
+    playerDelayStitching:0,
   }),
   getters: {
     playerChapteringPercent(): ChapteringPercent|undefined{
@@ -48,10 +50,11 @@ export const usePlayerStore = defineStore("PlayerStore", {
       }
       let chapteringPercent: ChapteringPercent = [];
       for (let i = 0, len = this.playerChaptering.chapters.length; i < len; i++) {
+        const startTimeWithDelay = this.playerChaptering.chapters[i].startTime + Math.floor(this.playerDelayStitching);
         chapteringPercent.push({
-          startTime : this.playerChaptering.chapters[i].startTime,
-          startDisplay: DurationHelper.formatDuration(this.playerChaptering.chapters[i].startTime, ':', false),
-          startPercent: (this.playerChaptering.chapters[i].startTime * 100 ) / (Math.round(this.playerTotal)),
+          startTime : startTimeWithDelay,
+          startDisplay: DurationHelper.formatDuration(startTimeWithDelay, ':', false),
+          startPercent: (startTimeWithDelay * 100 ) / (Math.round(this.playerTotal)),
           endPercent:100,
           title: this.playerChaptering.chapters[i].title
         });
@@ -202,8 +205,14 @@ export const usePlayerStore = defineStore("PlayerStore", {
     playerUpdateTranscript(transcript?: Transcript) {
       this.playerTranscript = transcript;
     },
+    playerUpdateDelayStitching(delay: number){
+      this.playerDelayStitching = delay;
+    },
     playerUpdateLargeVersion(largeVersion: boolean) {
       this.playerLargeVersion = largeVersion;
     },
+    playerUpdateChaptering(chaptering?: Chaptering){
+      this.playerChaptering = chaptering;
+    }
   },
 });