@saooti/octopus-sdk 40.0.3 → 40.1.0

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

@@ -1,275 +0,0 @@
-import classicApi from "../../../api/classicApi";
-import { CommentPodcast } from "@/stores/class/general/comment";
-import cookies from "../cookies";
-import { playerLive } from "./playerLive";
-import { playerTranscript } from "./playerTranscript";
-import { playerStitching } from "./playerStitching";
-import { defineComponent } from "vue";
-import { useAuthStore } from "../../../stores/AuthStore";
-import { useGeneralStore } from "../../../stores/GeneralStore";
-import { usePlayerStore } from "../../../stores/PlayerStore";
-import { mapState, mapActions } from "pinia";
-import { FetchParam } from "@/stores/class/general/fetchParam";
-import { useVastStore } from "../../../stores/VastStore";
-import dayjs from "dayjs";
-export const playerLogic = defineComponent({
-  mixins: [cookies, playerLive, playerTranscript, playerStitching],
-  data() {
-    return {
-      forceHide: false as boolean,
-      listenTime: 0 as number,
-      notListenTime: 0 as number,
-      lastSend: 0 as number,
-      downloadId: null as string | null,
-      playerError: false as boolean,
-      listenError: false as boolean,
-      percentLiveProgress: 0 as number,
-      durationLivePosition: 0 as number,
-      displayAlertBar: false as boolean,
-      hlsReady: false as boolean,
-      comments: [] as Array<CommentPodcast>,
-      showTimeline: false as boolean,
-      audioUrlToPlay: "" as string,
-    };
-  },
-  computed: {
-    ...mapState(useAuthStore, ["authOrgaId", "authParam"]),
-    ...mapState(useGeneralStore, ["consentTcf"]),
-    ...mapState(usePlayerStore, [
-      "playerPodcast",
-      "playerMedia",
-      "playerLive",
-      "playerRadio",
-      "playerVolume",
-      "playerStatus",
-      "playerSeekTime",
-      "playerVideo"
-    ]),
-    ...mapState(useVastStore, ["useVastPlayerPodcast"]),
-
-    audioUrl(): string {
-      return this.getAudioUrl();
-    },
-  },
-
-  watch: {
-    async audioUrl(): Promise<void> {
-      this.playerError = false;
-      if (
-        this.playerMedia ||
-        !this.playerPodcast ||
-        this.playerVideo ||
-        !this.playerPodcast.availability.visibility ||
-        this.listenError
-      ) {
-        this.audioUrlToPlay = this.audioUrl;
-        return;
-      }
-      const response = await classicApi.fetchData<{
-        location: string;
-        downloadId: number;
-      }>({
-        api:0,
-        path:"podcast/download/register/"+this.playerPodcast.podcastId + ".mp3",
-        parameters:this.getAudioUrlParameters(),
-        headers: {'X-Extra-UA':'Saooti Player'},
-        isNotAuth:true
-      });
-      this.setDownloadId(response.downloadId.toString());
-      this.audioUrlToPlay = response.location;
-    },
-    playerPodcast: {
-      deep: true,
-      handler() {
-        this.reInitPlayer();
-        this.getTranscription();
-      },
-    },
-    playerLive: {
-      deep: true,
-      handler() {
-        if(this.playerVideo){
-          return;
-        }
-        this.$nextTick(async () => {
-          this.hlsReady = false;
-          this.reInitPlayer();
-          this.playLive();
-        });
-      },
-    },
-    playerRadio() {
-      this.$nextTick(async () => {
-        this.hlsReady = false;
-        this.reInitPlayer();
-        this.playRadio();
-      });
-    },
-    playerStatus() {
-      const audioPlayer: HTMLAudioElement | null =
-        document.querySelector("#audio-player");
-      if (!audioPlayer) return;
-      if (this.playerLive && !this.hlsReady) {
-        audioPlayer.pause();
-        this.percentLiveProgress = 0;
-        this.durationLivePosition = 0;
-        return;
-      }
-      if ("PAUSED" === this.playerStatus && this.playerRadio) {
-        this.playerRadio.dateSessionId = dayjs().toISOString();
-        this.hlsReady = false;
-        this.reInitPlayer();
-        this.endingLive();
-      } else if ("PAUSED" === this.playerStatus) {
-        audioPlayer.pause();
-      } else if ("PLAYING" === this.playerStatus && this.playerRadio) {
-        if (this.playerRadio.isInit) {
-          this.playRadio();
-        } else {
-          this.playerRadio.isInit = true;
-        }
-      } else if ("PLAYING" === this.playerStatus) {
-        audioPlayer.play();
-      }
-    },
-  },
-
-  methods: {
-    ...mapActions(usePlayerStore, ["playerPlay", "playerUpdateElapsed"]),
-    getDomain(): string {
-      let domain = "";
-      const domainArray: RegExpExecArray | null = /\.(.+)/.exec(
-        window.location.host,
-      );
-      if (domainArray && null !== domainArray) {
-        domain = domainArray[1];
-      }
-      return domain;
-    },
-    getAudioUrlParameters(): FetchParam {
-      if (!this.playerPodcast) return {};
-      const parameters: FetchParam = {
-        origin: "octopus",
-        accepted: this.useVastPlayerPodcast
-      };
-      if (this.authOrgaId) {
-        parameters.distributorId = this.authOrgaId;
-      }
-      if (this.consentTcf) {
-        parameters.consent = this.consentTcf;
-      }
-      if (
-        "SECURED" === this.playerPodcast.organisation.privacy &&
-        this.authParam.accessToken
-      ) {
-        parameters.access_token =this.authParam.accessToken;
-      }
-      return parameters;
-    },
-    getAudioUrl(): string {
-      if (this.playerMedia){
-        return this.playerMedia.audioUrl ? this.playerMedia.audioUrl : "";
-      }
-      if (!this.playerPodcast || this.playerVideo) return "";
-      if (
-        !this.playerPodcast.availability.visibility ||
-        "PROCESSING" === this.playerPodcast.processingStatus
-      )
-        return this.playerPodcast.audioStorageUrl;
-      if (this.listenError) return this.playerPodcast.audioStorageUrl;
-      return this.playerPodcast.podcastId + ".mp3?"+this.getAudioUrlParameters().toString();
-    },
-    reInitPlayer(): void {
-      this.setDownloadId(null);
-      this.listenError = false;
-      if (this.playerLive || this.playerRadio) {
-        this.endingLive();
-      }
-    },
-    stopPlayer(): void {
-      this.playerPlay();
-    },
-    onError(): void {
-      if (
-        this.playerPodcast &&
-        "" !== this.audioUrlToPlay &&
-        !this.listenError
-      ) {
-        this.listenError = true;
-      } else if (
-        (this.playerPodcast && "" !== this.audioUrlToPlay) ||
-        this.playerMedia
-      ) {
-        this.playerError = true;
-      }
-    },
-    streamDurationForSafari(mediaTarget: HTMLMediaElement) {
-      let streamDuration = mediaTarget.duration;
-      if (Infinity === streamDuration) {
-        const seekable = mediaTarget.seekable;
-        if (seekable) {
-          streamDuration = seekable.end(seekable.length - 1);
-        } else {
-          streamDuration = mediaTarget.currentTime;
-        }
-      }
-      return streamDuration;
-    },
-
-    onTimeUpdatePodcast(streamDuration: number, currentTime: number) {
-      this.displayAlertBar = false;
-      this.percentLiveProgress = 0;
-      this.playerUpdateElapsed(currentTime / streamDuration, streamDuration);
-      this.onTimeUpdateTranscript(currentTime);
-    },
-    onTimeUpdateLive(streamDuration: number, currentTime: number) {
-      if (!this.playerLive) {
-        return;
-      }
-      const scheduledDuration = this.playerLive.duration / 1000;
-      if (scheduledDuration > streamDuration) {
-        this.displayAlertBar = false;
-        this.percentLiveProgress = (streamDuration / scheduledDuration) * 100;
-        this.playerUpdateElapsed(
-          currentTime / scheduledDuration,
-          scheduledDuration,
-        );
-      } else {
-        this.percentLiveProgress = 100;
-        this.displayAlertBar = true;
-        this.durationLivePosition = (scheduledDuration / streamDuration) * 100;
-        this.playerUpdateElapsed(currentTime / streamDuration, streamDuration);
-      }
-    },
-    onTimeUpdate(event: Event): void {
-      if (this.playerRadio) {
-        return;
-      }
-      const mediaTarget = event.currentTarget as HTMLMediaElement;
-      if (this.playerPodcast || this.playerLive) {
-        this.onTimeUpdateProgress(mediaTarget.currentTime);
-      }
-      const streamDuration = this.streamDurationForSafari(mediaTarget);
-      if (!streamDuration) return;
-      if (!mediaTarget.currentTime) return;
-      if (!this.playerLive) {
-        this.onTimeUpdatePodcast(streamDuration, mediaTarget.currentTime);
-        return;
-      }
-      this.onTimeUpdateLive(streamDuration, mediaTarget.currentTime);
-    },
-    onSeeked(event: Event): void {
-      const mediaTarget = event.currentTarget as HTMLMediaElement;
-      const currentTime = mediaTarget.currentTime;
-      this.onSeekedTranscript(currentTime);
-    },
-    onFinished(): void {
-      this.setDownloadId(null);
-      this.contentEndedAdsLoader();
-      if (this.playerLive) {
-        this.endingLive();
-      }
-      this.forceHide = true;
-    },
-  },
-});

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

@@ -1,135 +0,0 @@
-import classicApi from "../../../api/classicApi";
-import { defineComponent } from "vue";
-import { useAuthStore } from "../../../stores/AuthStore";
-import { usePlayerStore } from "../../../stores/PlayerStore";
-import { mapState } from "pinia";
-export const playerLogicProgress = defineComponent({
-  mixins: [],
-  data() {
-    return {
-      listenTime: 0 as number,
-      notListenTime: 0 as number,
-      lastSend: 0 as number,
-      downloadId: null as string | null,
-    };
-  },
-  computed: {
-    ...mapState(useAuthStore, ["authOrgaId"]),
-    ...mapState(usePlayerStore, [
-      "playerPodcast",
-      "playerLive",
-      "playerRadio",
-      "playerSeekTime",
-      "playerVideo"
-    ]),
-  },
-
-  watch: {
-    async listenTime(newVal): Promise<void> {
-      if (
-        (this.playerRadio && !this.playerPodcast && !this.playerLive) ||
-        !this.downloadId ||
-        newVal - this.lastSend < 10
-      ) {
-        return;
-      }
-      this.lastSend = newVal;
-      await classicApi.putData({
-        api: 0,
-        path:"podcast/listen/" + this.downloadId + "?seconds=" + Math.round(newVal),
-        isNotAuth:true
-      });
-    },
-    playerSeekTime() {
-      if (undefined===this.playerSeekTime) {
-        return;
-      }
-      if (this.playerPodcast || this.playerLive) {
-        this.notListenTime = this.playerSeekTime - this.listenTime;
-      }
-      if(this.playerVideo){
-        return;
-      }
-      const audioPlayer: HTMLAudioElement | null = document.querySelector("#audio-player");
-      if (!audioPlayer) return;
-      audioPlayer.currentTime = this.playerSeekTime;
-    },
-  },
-
-  mounted() {
-    window.addEventListener("beforeunload", this.endListeningProgress);
-  },
-
-  methods: {
-    async initLiveDownloadId() {
-      if (!this.playerLive || this.downloadId) {
-        return;
-      }
-      try {
-        const mediaType = this.playerVideo ? "VIDEO":"AUDIO";
-        const downloadId = await classicApi.putData<string | null>({
-          api: 0,
-          path:"podcast/prepare/live/" + this.playerLive.podcastId+"?mediaType="+mediaType,
-          isNotAuth:true
-        });
-        await classicApi.fetchData<string | null>({
-          api:0,
-          path: "podcast/download/live/" + this.playerLive.podcastId + ".m3u8",
-          parameters:{
-            downloadId: downloadId ?? undefined,
-            origin: "octopus",
-            distributorId: this.authOrgaId,
-          },
-          isNotAuth:true
-        });
-        this.setDownloadId(downloadId);
-      } catch {
-        this.downloadId = null;
-        console.log("ERROR downloadId");
-      }
-    },
-    onTimeUpdateProgress(currentTime: number): void {
-      if (!this.downloadId) {
-        return;
-      }
-      if (
-        this.playerLive &&
-        0 === this.listenTime &&
-        0 !== currentTime
-      ) {
-        this.notListenTime = currentTime;
-        this.listenTime = 1;
-      } else {
-        const newListenTime = currentTime - this.notListenTime;
-        const diffTime = newListenTime - this.listenTime;
-        if(diffTime > 0 && diffTime<1){
-          this.listenTime = newListenTime;
-        }
-      }
-    },
-    setDownloadId(newValue: string | null): void {
-      this.endListeningProgress();
-      this.downloadId = newValue;
-    },
-    async endListeningProgress(): Promise<void> {
-      if (!this.downloadId) return;
-      try {
-        await classicApi.putData<string | null>({
-          api: 0,
-          path:"podcast/listen/" +
-            this.downloadId +
-            "?seconds=" +
-            Math.round(this.listenTime),
-          isNotAuth:true
-        });
-      } catch {
-        //Do nothing
-      }
-      this.downloadId = null;
-      this.notListenTime = 0;
-      this.lastSend = 0;
-      this.listenTime = 0;
-    },
-
-  },
-});

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

@@ -1,202 +0,0 @@
-import { defineComponent } from "vue";
-import classicApi from "../../../api/classicApi";
-import dayjs from "dayjs";
-import { playerVast } from "./playerVast";
-import { usePlayerStore } from "../../../stores/PlayerStore";
-import { useSaveFetchStore } from "../../../stores/SaveFetchStore";
-import { useVastStore } from "../../../stores/VastStore";
-import { mapState, mapActions } from "pinia";
-import { AdserverOtherEmission } from "@/stores/class/adserver/adserverOtherEmission";
-import { AdserverTiming } from "@/stores/class/adserver/adserverTiming";
-import { AdPosition } from "@/stores/class/adserver/adPosition";
-import fetchParameters from "../fetchParameters";
-
-export const playerStitching = defineComponent({
-  mixins:[playerVast,fetchParameters],
-  data() {
-    return {
-      radioInterval: undefined as ReturnType<typeof setTimeout> | undefined,
-    };
-  },
-  computed: {
-    ...mapState(useVastStore, ["adPositionsPodcasts", "adPositionIndex", "useVastPlayerPodcast"]),
-    ...mapState(usePlayerStore, ["playerElapsedSeconds", "playerRadio", "playerPodcast"]),
-    radioNextAdvertisingStartDate(){
-      return this.playerRadio?.nextAdvertising?.startDate;
-    }
-  },
-  watch:{
-    playerCurrentChange(): void {
-      if(this.playerCurrentChange && this.playerCurrentChange > 0 && !this.checkUsePlayerPodcastStitching()){return;}
-      this.onPlayerChange();
-    },
-    //launch advertising for podcast
-    playerElapsedSeconds():void{
-      if(!this.checkUsePlayerPodcastStitching()){return;}
-      if(!this.isAdRequested && this.checkAdNeedToBeLaunch()){
-        this.onRequestAd(this.adPositionsPodcasts[this.playerCurrentChange??0][this.adPositionIndex].vastUrl);
-        this.updateAdPositionIndex(this.adPositionIndex+1); 
-      }
-    },
-    // launch advertising for radio
-    radioNextAdvertisingStartDate: {
-      immediate: true,
-      handler() {
-        if(!this.radioNextAdvertisingStartDate){
-          return;
-        }
-        this.defineRadioInterval();
-      },
-    },
-    
-  },
-  mounted(){
-    this.updateuseVastPlayerPodcast("true"===this.$route.query.vast);
-  },
-  methods: {
-    ...mapActions(useSaveFetchStore, ["getOrgaAttributes"]),
-    ...mapActions(useVastStore, ["updateAdPositionsPodcasts", "updateAdPositionIndex", "updateuseVastPlayerPodcast"]),
-    checkUsePlayerPodcastStitching():boolean{
-      return this.useVastPlayerPodcast;
-    },
-    defineRadioInterval(){
-      this.clearRadioInterval();
-      const timeRemaining = dayjs(this.radioNextAdvertisingStartDate).diff(dayjs(), "millisecond");
-      console.log("TimeRemaining "+timeRemaining);
-      if(timeRemaining < 0){
-        return;
-      }
-      this.radioInterval = setTimeout(() => {
-        this.radioIntervalExecute();
-      }, timeRemaining);
-    },
-    async radioIntervalExecute(){
-      //If pause when ad needs to be played then skipped (TO THINK)
-      if("PAUSED"===this.playerStatus){return;}
-      const vastUrl = await this.getVastUrl(this.playerRadio?.nextAdvertising?.tag ??"5e385e1b51c86", this.playerRadio?.nextAdvertising?.adCount ?? 1);
-      console.log("vastUrl "+vastUrl);
-      this.onRequestAd(vastUrl);
-    },
-    clearRadioInterval() {
-      clearInterval(this.radioInterval as unknown as number);
-      this.radioInterval = undefined;
-    },
-    checkAdNeedToBeLaunch(){
-      if(!this.playerCurrentChange || !this.adPositionsPodcasts[this.playerCurrentChange]?.[this.adPositionIndex]){return false;}
-      return this.adPositionsPodcasts[this.playerCurrentChange][this.adPositionIndex]?.seconds <= this.playerElapsedSeconds;
-    },
-    async onPlayerChange(){
-      this.destroyAdManager();
-      if(null==this.playerCurrentChange){return;}
-      this.prepareIMA();
-      await this.fetchPodcastAdConfig();
-    },
-    async fetchPodcastAdConfig(){
-      if(!this.playerCurrentChange || !this.playerPodcast ||(this.playerCurrentChange && this.adPositionsPodcasts[this.playerCurrentChange])){
-        return;
-      }
-      const adserverConfig = await classicApi.fetchData<AdserverOtherEmission>({
-        api:0,
-        path: `ad/test/podcast/${this.playerCurrentChange}`,
-        isNotAuth:true
-      });
-      if(!adserverConfig || "SOUNDCAST_VAST"!==adserverConfig.config?.server){
-        this.updateAdPositionsPodcasts(this.playerCurrentChange, []);
-        return;
-      }
-      const podcastDurationSeconds = Math.round((this.playerPodcast?.duration??0) / 1000);
-      const allAdPositions =this.generateAllAdPositions(adserverConfig.config.doublets, podcastDurationSeconds);
-      const selectedAdPositions = await this.selectCorrectAdPositions(allAdPositions, podcastDurationSeconds, adserverConfig.config.minIntervalDuration, adserverConfig.config.minTailDuration);
-      this.updateAdPositionsPodcasts(this.playerCurrentChange, selectedAdPositions);
-    },
-    generateAllAdPositions(doublets: Array<AdserverTiming>, podcastDuration: number): Array<AdPosition>{
-      const adPositions: Array<AdPosition> = [];
-      if(doublets.some((element: AdserverTiming)=>{return "TAG_NO_AD"===element.tag})){
-        return [];
-      }
-      for (const doublet of doublets) {
-        if(!doublet.tag){continue;}
-        let seconds = 0;
-        if("post"===doublet.timing.insertion){
-          seconds = podcastDuration;
-        }else if("mid"===doublet.timing.insertion){
-          const mesure = doublet.timing.mesure ?? 0;
-          switch (doublet.timing.unit){
-            case "MILLISECOND": seconds = mesure * 1000; break;
-            case "MINUTE": seconds = Math.round(mesure / 60); break;
-            case "PERCENT": seconds = Math.round((mesure * podcastDuration) / 100); break;
-            default: seconds = mesure; break;
-          }
-        }
-        adPositions.push({
-          impressId: doublet.tag,
-          policy: doublet.timing.insertion,
-          seconds: seconds,
-          vastUrl: ""
-        });
-      }
-      return adPositions.sort((a: AdPosition, b: AdPosition) => {
-        if (a.seconds > b.seconds) {
-          return 1;
-        }
-        return b.seconds > a.seconds ? -1 : 0;
-      });
-    },
-    async selectCorrectAdPositions(allAdPositions: Array<AdPosition>, podcastDuration: number, minIntervalDuration:number, minTailDuration:number): Promise<Array<AdPosition>>{
-      const adPositions: Array<AdPosition> = [];
-      let previousPosition = -1;
-      for(const adPosition of allAdPositions){
-        switch (adPosition.policy) {
-          case "pre":
-            adPositions.push(await this.defineVastUrl(adPosition));
-            previousPosition = 0;
-            break;
-          case "mid":
-            if (adPosition.seconds > podcastDuration - minTailDuration) {
-              //Too close to end
-              continue;
-            }
-            if (previousPosition >= 0 && adPosition.seconds < previousPosition + minIntervalDuration) {
-              //Too close to previous ad
-              continue;
-            }
-            adPositions.push(await this.defineVastUrl(adPosition));
-            previousPosition = adPosition.seconds;
-            break;
-          case "post":
-            if (previousPosition >= 0 && previousPosition > podcastDuration - minIntervalDuration) {
-              //Too close to previous ad
-              continue;
-            }
-            adPositions.push(await this.defineVastUrl(adPosition));
-            break;
-          default:break;
-        }
-      }
-      return adPositions;
-    },
-
-    async defineVastUrl(adPosition: AdPosition): Promise<AdPosition>{
-      adPosition.vastUrl = await this.getVastUrl(adPosition.impressId, 1);
-      return adPosition;
-    },
-    async getVastUrl(tag: string, adCount: number): Promise<string>{
-      const baseUrl = "https://api.soundcast.io/v1/vast/"+tag;
-      let keywords: Array<string> = [];
-      if(this.playerPodcast?.tags?.length){
-        const attributes = await this.getOrgaAttributes(this.playerPodcast.organisation.id);
-        if ("true"===attributes["AD_CONFIG_PODCAST_TAG"]) {
-          keywords = this.playerPodcast.tags.map((e) => {
-            return "tag:" + e;
-          });
-        }
-      }
-      const parameters = this.getUriSearchParams({
-        adCount: adCount ?? 1,
-        pageUrl:document.referrer,
-        keywords:keywords
-      });
-      return baseUrl + '?' + parameters.toString();
-    }
-  },
-});