@saooti/octopus-sdk 42.0.4 → 42.0.5

package/dist/PlayerProgressBar-C38YCi9Z.mjs

@@ -0,0 +1,75 @@
+import { n as usePlayerStore } from "./PlayerStore-DB5dkc3c.mjs";
+import { t as useVastStore } from "./VastStore-BPwOrXvb.mjs";
+import { createBlock, defineAsyncComponent, defineComponent, normalizeClass, openBlock, unref } from "vue";
+//#endregion
+//#region src/components/misc/player/progressbar/PlayerProgressBar.vue
+var PlayerProgressBar_default = /* @__PURE__ */ defineComponent({
+	__name: "PlayerProgressBar",
+	props: {
+		classProgress: {
+			default: "",
+			type: String
+		},
+		playerError: {
+			default: false,
+			type: Boolean
+		},
+		showComments: {
+			default: false,
+			type: Boolean
+		},
+		displayAlertBar: {
+			default: false,
+			type: Boolean
+		},
+		percentLiveProgress: {
+			default: 0,
+			type: Number
+		},
+		durationLivePosition: {
+			default: 0,
+			type: Number
+		},
+		listenTime: {
+			default: 0,
+			type: Number
+		}
+	},
+	setup(__props) {
+		const RadioProgressBar = defineAsyncComponent(() => import("./RadioProgressBar-CiapCPN-.mjs"));
+		const AdsProgressBar = defineAsyncComponent(() => import("./AdsProgressBar-B6Mi09W8.mjs"));
+		const PodcastProgressBar = defineAsyncComponent(() => import("./PodcastProgressBar-xAMieMIt.mjs"));
+		const playerStore = usePlayerStore();
+		const vastStore = useVastStore();
+		return (_ctx, _cache) => {
+			return unref(vastStore).isAdPlaying ? (openBlock(), createBlock(unref(AdsProgressBar), {
+				key: 0,
+				class: normalizeClass(__props.classProgress)
+			}, null, 8, ["class"])) : unref(playerStore).radioUrl ? (openBlock(), createBlock(unref(RadioProgressBar), {
+				key: 1,
+				class: normalizeClass(__props.classProgress)
+			}, null, 8, ["class"])) : (openBlock(), createBlock(unref(PodcastProgressBar), {
+				key: 2,
+				"show-comments": __props.showComments,
+				"display-alert-bar": __props.displayAlertBar,
+				"percent-live-progress": __props.percentLiveProgress,
+				"duration-live-position": __props.durationLivePosition,
+				"player-error": __props.playerError,
+				"listen-time": __props.listenTime,
+				"class-progress": __props.classProgress
+			}, null, 8, [
+				"show-comments",
+				"display-alert-bar",
+				"percent-live-progress",
+				"duration-live-position",
+				"player-error",
+				"listen-time",
+				"class-progress"
+			]));
+		};
+	}
+});
+//#endregion
+export { PlayerProgressBar_default as default };
+
+//# sourceMappingURL=PlayerProgressBar-C38YCi9Z.mjs.map

package/dist/PlayerProgressBar-C38YCi9Z.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerProgressBar-C38YCi9Z.mjs","names":[],"sources":["../src/components/misc/player/progressbar/PlayerProgressBar.vue","../src/components/misc/player/progressbar/PlayerProgressBar.vue"],"sourcesContent":["<template>\n  <AdsProgressBar v-if=\"vastStore.isAdPlaying\" :class=\"classProgress\" />\n  <RadioProgressBar v-else-if=\"playerStore.radioUrl\" :class=\"classProgress\" />\n  <PodcastProgressBar\n    v-else\n    :show-comments=\"showComments\"\n    :display-alert-bar=\"displayAlertBar\"\n    :percent-live-progress=\"percentLiveProgress\"\n    :duration-live-position=\"durationLivePosition\"\n    :player-error=\"playerError\"\n    :listen-time=\"listenTime\"\n    :class-progress=\"classProgress\"\n  />\n</template>\n<script setup lang=\"ts\">\nimport { defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nconst RadioProgressBar = defineAsyncComponent(\n  () => import(\"../radio/RadioProgressBar.vue\"),\n);\nconst AdsProgressBar = defineAsyncComponent(\n  () => import(\"../ads/AdsProgressBar.vue\"),\n);\nconst PodcastProgressBar = defineAsyncComponent(\n  () => import(\"./PodcastProgressBar.vue\"),\n);\n\n//Props \ndefineProps({\n  classProgress: { default: \"\", type: String },\n  playerError: { default: false, type: Boolean },\n  showComments: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n})\n\n//Composables\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n</script>\n","<template>\n  <AdsProgressBar v-if=\"vastStore.isAdPlaying\" :class=\"classProgress\" />\n  <RadioProgressBar v-else-if=\"playerStore.radioUrl\" :class=\"classProgress\" />\n  <PodcastProgressBar\n    v-else\n    :show-comments=\"showComments\"\n    :display-alert-bar=\"displayAlertBar\"\n    :percent-live-progress=\"percentLiveProgress\"\n    :duration-live-position=\"durationLivePosition\"\n    :player-error=\"playerError\"\n    :listen-time=\"listenTime\"\n    :class-progress=\"classProgress\"\n  />\n</template>\n<script setup lang=\"ts\">\nimport { defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nconst RadioProgressBar = defineAsyncComponent(\n  () => import(\"../radio/RadioProgressBar.vue\"),\n);\nconst AdsProgressBar = defineAsyncComponent(\n  () => import(\"../ads/AdsProgressBar.vue\"),\n);\nconst PodcastProgressBar = defineAsyncComponent(\n  () => import(\"./PodcastProgressBar.vue\"),\n);\n\n//Props \ndefineProps({\n  classProgress: { default: \"\", type: String },\n  playerError: { default: false, type: Boolean },\n  showComments: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n})\n\n//Composables\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,mBAAmB,2BACjB,OAAO,kCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EAcA,MAAM,cAAc,eAAe;EACnC,MAAM,YAAY,aAAa;;UAxCP,MAAA,SAAA,EAAU,eAAA,UAAA,GAAhC,YAAsE,MAAA,cAAA,GAAA;;IAAxB,OAAK,eAAE,QAAA,aAAa;6BACrC,MAAA,WAAA,EAAY,YAAA,UAAA,GAAzC,YAA4E,MAAA,gBAAA,GAAA;;IAAxB,OAAK,eAAE,QAAA,aAAa;2CACxE,YASE,MAAA,kBAAA,GAAA;;IAPC,iBAAe,QAAA;IACf,qBAAmB,QAAA;IACnB,yBAAuB,QAAA;IACvB,0BAAwB,QAAA;IACxB,gBAAc,QAAA;IACd,eAAa,QAAA;IACb,kBAAgB,QAAA"}

package/dist/PlayerStore-BVK7ItEM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerStore-BVK7ItEM.mjs","names":[],"sources":["../src/helper/durationHelper.ts","../src/stores/PlayerStore.ts"],"sourcesContent":["\nconst TIMESTAMP_REGEX = /(?:(\\d{1,2}):)?([0-5]?\\d):([0-5]\\d)(?:.(\\d{3}))?$/;\n\n/**\n * Convert a timestamp to seconds\n */\nfunction convertTimestamptoSeconds(timestamp: string): number|null {\n    const matches = timestamp.match(TIMESTAMP_REGEX);\n    if (matches) {\n        const [, hours, minutes, seconds, nanoseconds] = matches;\n        return Number(hours ?? 0) * 60 * 60 + Number(minutes ?? 0) * 60 + Number(seconds ?? 0) + Number(nanoseconds ?? 0) / 1000;\n    } else {\n        return null;\n    }\n}\n\nfunction formatToString(value: number) {\n    if (value < 10) {\n        return \"0\" + value;\n    }\n    return value.toString();\n}\n\nfunction formatDuration(\n    totalSeconds: number | null,\n    separator = \":\",\n    isLast = false,\n): string {\n    if (null === totalSeconds) {\n        return \"00:00\";\n    }\n    const hours = Math.floor(totalSeconds / 3600);\n    const minutes = Math.floor((totalSeconds - hours * 3600) / 60);\n    const seconds = totalSeconds - hours * 3600 - minutes * 60;\n\n    // In case seconds have decimal, round to 3 decimals, otherwise do not use decimals\n    const secondsStr = Math.round(seconds) == seconds ?\n        this.formatToString(seconds) :\n        this.formatToString(seconds.toFixed(3));\n\n    return (\n        (hours > 0 ? this.formatToString(hours) + separator : \"\") +\n        this.formatToString(minutes) +\n        separator +\n        secondsStr +\n        (isLast ? separator : \"\")\n    );\n}\n\nexport default {\n    TIMESTAMP_REGEX,\n\n    convertTimestamptoSeconds,\n    formatDuration,\n    formatToString\n}","import DurationHelper from \"../helper/durationHelper\";\nimport { Media } from \"@/stores/class/general/media\";\nimport {\n  MediaRadio,\n  NextAdvertising,\n  Radio,\n} from \"@/stores/class/general/player\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { defineStore } from \"pinia\";\nimport { Chaptering, ChapteringPercent } from \"./class/chaptering/chaptering\";\nimport classicApi from \"../api/classicApi\";\n\nimport { state as sdkParams } from \"./ParamSdkStore\";\nimport { Canal } from \"./class/radio/canal\";\nimport { Conference } from \"./class/conference/conference\";\n\ninterface Transcript {\n  actual: number;\n  actualText: string;\n  value: Array<{ endTime: number; startTime: number; text: string }>;\n}\n\nexport enum PlayerStatus {\n  STOPPED = \"STOPPED\",\n  LOADING = \"LOADING\",\n  PLAYING = \"PLAYING\",\n  PAUSED = \"PAUSED\"\n}\n\ninterface PlayerState {\n  playerCurrentChange: number | null;\n  playerStatus: PlayerStatus;\n  playerPodcast: Podcast | undefined;\n  playerVolume?: number; //From 0 to 1\n  playerElapsed: number; //From 0 to 1\n  playerTotal: number;\n  playerMedia: Media | undefined;\n  playerLive: Podcast | undefined;\n  playerRadio: Radio | undefined;\n  playerStop?: boolean;\n  playerSeekTime?: number;\n  playerTranscript?: Transcript;\n  playerLargeVersion: boolean;\n  playerVideo: boolean;\n  playerChaptering?: Chaptering;\n  playerDelayStitching: number;\n  playerHlsUrl?: string;\n  playerHlsIdentifier?:string;\n}\nexport const usePlayerStore = defineStore(\"PlayerStore\", {\n  state: (): PlayerState => ({\n    playerCurrentChange: null,\n    playerStatus: PlayerStatus.STOPPED,\n    playerPodcast: undefined,\n    playerVolume: 1,\n    playerElapsed: 0,\n    playerTotal: 0,\n    playerMedia: undefined,\n    playerLive: undefined,\n    playerRadio: undefined,\n    playerSeekTime: 0,\n    playerLargeVersion: false,\n    playerVideo: false,\n    playerChaptering: undefined,\n    playerDelayStitching: 0,\n    playerHlsIdentifier: undefined,\n  }),\n  getters: {\n    playerChapteringPercent(): ChapteringPercent | undefined {\n      if (!this.playerChaptering || 0 === this.playerTotal) {\n        return;\n      }\n      const chapteringPercent: ChapteringPercent = [];\n      for (\n        let i = 0, len = this.playerChaptering.chapters.length;\n        i < len;\n        i++\n      ) {\n        const startTime = this.playerChaptering.chapters[i].startTime;\n        chapteringPercent.push({\n          startTime: startTime,\n          startDisplay: DurationHelper.formatDuration(startTime, \":\", false),\n          startPercent: (startTime * 100) / Math.round(this.playerTotal),\n          endPercent: 100,\n          title: this.playerChaptering.chapters[i].title,\n        });\n      }\n      for (let i = 0, len = chapteringPercent.length; i < len; i++) {\n        chapteringPercent[i].endPercent =\n          chapteringPercent[i].startPercent +\n          ((chapteringPercent[i + 1]?.startPercent ?? 100) -\n            chapteringPercent[i].startPercent);\n      }\n      return chapteringPercent;\n    },\n    playerHeight() {\n      if (\"STOPPED\" === this.playerStatus) {\n        return '0px';\n      }\n      if (this.playerVideo) {\n        return \"0px\" /* \"281px\" */;\n      }\n      if (this.playerLargeVersion) {\n        return \"27rem\";\n      }\n      if (window.innerWidth > 450) {\n        return \"6rem\";\n      }\n      return \"3.5rem\";\n    },\n\n    playerElapsedSeconds(): number {\n      if (\n        this.playerElapsed &&\n        this.playerElapsed > 0 &&\n        this.playerTotal &&\n        this.playerTotal > 0\n      ) {\n        return this.playerElapsed * this.playerTotal;\n      } else {\n        return -1;\n      }\n    },\n\n    /** Returning remaining time in seconds */\n    playerRemainingSeconds(): number {\n      const elapsed = this.playerElapsedSeconds;\n      if (elapsed >= 0) {\n        return this.playerTotal - elapsed;\n      } else {\n        return -1;\n      }\n    },\n    \n    playedTime(): string {\n      if (-1 !== this.playerElapsedSeconds) {\n        return DurationHelper.formatDuration(\n          Math.round(this.playerElapsedSeconds),\n        );\n      }\n      return \"--:--\";\n    },\n    totalTime(): string {\n      if (\n        this.playerElapsed &&\n        this.playerElapsed > 0 &&\n        this.playerTotal &&\n        this.playerTotal > 0\n      ) {\n        return DurationHelper.formatDuration(Math.round(this.playerTotal));\n      }\n      return \"--:--\";\n    },\n    isPlaying(): boolean {\n      return \"PLAYING\" === this.playerStatus;\n    },\n    isPaused(): boolean {\n      return \"PAUSED\" === this.playerStatus;\n    },\n    podcastImage(): string {\n      if (this.playerRadio) {\n        return this.playerRadio.podcast?.imageUrl ?? \"\";\n      }\n      return this.playerPodcast?.imageUrl ?? \"\";\n    },\n    emissionName(): string {\n      return this.playerPodcast?.emission?.name ?? \"\";\n    },\n    transcriptText(): string {\n      return this.playerTranscript?.actualText ?? \"\";\n    },\n    radioUrl(): string | undefined {\n      return this.playerRadio?.url ?? undefined;\n    },\n  },\n  actions: {\n    stop(): void {\n      this.playerCurrentChange = null;\n      this.playerStatus = \"STOPPED\";\n      this.playerPodcast = undefined;\n      this.playerMedia = undefined;\n      this.playerLive = undefined;\n      this.playerHlsIdentifier = undefined;\n      this.playerRadio = undefined;\n      this.playerElapsed = 0;\n      this.playerVideo = false;\n      this.playerChaptering = undefined;\n    },\n    /**\n     * Start playing audio/video\n     * Without parameters, stop playing\n     * @param param The data\n     * @param isVideo If true, enable video mode\n     */\n    async playerPlay(param?: Podcast|Media|Canal|Conference, isVideo = false) {\n      if (!param) {\n        this.stop();\n        return;\n      }\n      if (\n        (\n          this.playerPodcast &&\n          'podcastId' in param &&\n          this.playerPodcast.podcastId === param.podcastId &&\n          isVideo === this.playerVideo\n        ) || (\n          this.playerMedia &&\n          'mediaId' in param &&\n          this.playerMedia.mediaId === param.mediaId\n        ) || (\n          this.playerLive &&\n          'conferenceId' in param &&\n          this.playerLive.conferenceId === param.conferenceId &&\n          isVideo === this.playerVideo\n        )\n      ) {\n        //Do nothing\n        return;\n      }\n\n      if (sdkParams.player.startLarge === true && this.playerStatus === 'STOPPED') {\n        this.playerUpdateLargeVersion(true);\n      }\n      \n      this.playerStatus = \"LOADING\";\n      this.playerPodcast = undefined;\n      this.playerMedia = undefined;\n      this.playerLive = undefined;\n      this.playerHlsIdentifier = undefined;\n      this.playerRadio = undefined;\n      this.playerVideo = isVideo;\n      this.playerElapsed = 0;\n      this.playerChaptering = undefined;\n\n      if (\n        'conferenceId' in param &&\n        param.conferenceId &&\n        (!param.podcastId || param.processingStatus !== \"READY\")\n      ) {\n        this.playerLive = param;\n        this.playerHlsIdentifier = param.hlsIdentifier;\n        this.playerCurrentChange = null;\n        return;\n      }\n\n      if ('podcastId' in param && param.podcastId) {\n        const podcast = param as Podcast;\n        this.playerPodcast = podcast;\n        this.playerCurrentChange = podcast.podcastId;\n        if (podcast.annotations?.chaptering) {\n          this.playerChaptering = await classicApi.fetchData<Chaptering>({\n            api: 4,\n            path: podcast.annotations.chaptering as string,\n            isNotAuth: true\n          });\n        }\n        return;\n      }\n\n      if ('mediaId' in param && param.mediaId) {\n        this.playerMedia = param;\n        this.playerCurrentChange = null;\n        return;\n      }\n\n      if ('canalId' in param && param.canalId) {\n        this.playerRadio = { ...param, isInit: false };\n        this.playerCurrentChange = -param.canalId;\n      }\n    },\n\n    playerChangeStatus(isPause: boolean) {\n      this.playerStatus = isPause? \"PAUSED\" : \"PLAYING\";\n    },\n\n    playerUpdateSeekTime(seekTime: number) {\n      this.playerSeekTime = seekTime;\n    },\n    playerMetadata(metadata: MediaRadio|undefined, history: Array<MediaRadio>) {\n      if (!this.playerRadio) {\n        return;\n      }\n      this.playerRadio.metadata = metadata;\n      this.playerRadio.history = history;\n    },\n    playerRadioUpdateNextAdvertising(nextAdvertising: NextAdvertising) {\n      if (!this.playerRadio) {\n        return;\n      }\n      this.playerRadio.nextAdvertising = nextAdvertising;\n    },\n    playerRadioPodcast(podcast: Podcast | undefined) {\n      if (!this.playerRadio) {\n        return;\n      }\n      this.playerRadio.podcast = podcast;\n    },\n\n    playerUpdateElapsed(elapsed: number, total?: number) {\n      this.playerElapsed = elapsed;\n      if (total) {\n        this.playerTotal = total;\n      }\n    },\n\n    playerUpdateTranscript(transcript?: Transcript) {\n      this.playerTranscript = transcript;\n    },\n    playerUpdateLargeVersion(largeVersion: boolean) {\n      this.playerLargeVersion = largeVersion;\n    },\n    playerUpdateChaptering(chaptering?: Chaptering) {\n      this.playerChaptering = chaptering;\n    },\n    playerUpdateDelayStitching(delay: number) {\n      this.playerDelayStitching = delay;\n    },\n    playerUpdatePlayerHlsUrl(hlsUrl: string|undefined) {\n      this.playerHlsUrl = hlsUrl;\n    },\n  },\n});\n"],"mappings":"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"}

package/dist/PlayerStore-DB5dkc3c.mjs

@@ -0,0 +1,230 @@
+import { E as state, t as classicApi_default } from "./classicApi-BKNiWOG4.mjs";
+import { defineStore } from "pinia";
+//#region src/helper/durationHelper.ts
+var TIMESTAMP_REGEX = /(?:(\d{1,2}):)?([0-5]?\d):([0-5]\d)(?:.(\d{3}))?$/;
+/**
+* Convert a timestamp to seconds
+*/
+function convertTimestamptoSeconds(timestamp) {
+	const matches = timestamp.match(TIMESTAMP_REGEX);
+	if (matches) {
+		const [, hours, minutes, seconds, nanoseconds] = matches;
+		return Number(hours ?? 0) * 60 * 60 + Number(minutes ?? 0) * 60 + Number(seconds ?? 0) + Number(nanoseconds ?? 0) / 1e3;
+	} else return null;
+}
+function formatToString(value) {
+	if (value < 10) return "0" + value;
+	return value.toString();
+}
+function formatDuration(totalSeconds, separator = ":", isLast = false) {
+	if (null === totalSeconds) return "00:00";
+	const hours = Math.floor(totalSeconds / 3600);
+	const minutes = Math.floor((totalSeconds - hours * 3600) / 60);
+	const seconds = totalSeconds - hours * 3600 - minutes * 60;
+	const secondsStr = Math.round(seconds) == seconds ? this.formatToString(seconds) : this.formatToString(seconds.toFixed(3));
+	return (hours > 0 ? this.formatToString(hours) + separator : "") + this.formatToString(minutes) + separator + secondsStr + (isLast ? separator : "");
+}
+var durationHelper_default = {
+	TIMESTAMP_REGEX,
+	convertTimestamptoSeconds,
+	formatDuration,
+	formatToString
+};
+//#endregion
+//#region src/stores/PlayerStore.ts
+var PlayerStatus = /* @__PURE__ */ function(PlayerStatus) {
+	PlayerStatus["STOPPED"] = "STOPPED";
+	PlayerStatus["LOADING"] = "LOADING";
+	PlayerStatus["PLAYING"] = "PLAYING";
+	PlayerStatus["PAUSED"] = "PAUSED";
+	return PlayerStatus;
+}({});
+var usePlayerStore = defineStore("PlayerStore", {
+	state: () => ({
+		playerCurrentChange: null,
+		playerStatus: "STOPPED",
+		playerPodcast: void 0,
+		playerVolume: 1,
+		playerElapsed: 0,
+		playerTotal: 0,
+		playerMedia: void 0,
+		playerLive: void 0,
+		playerRadio: void 0,
+		playerSeekTime: 0,
+		playerLargeVersion: false,
+		playerVideo: false,
+		playerChaptering: void 0,
+		playerDelayStitching: 0,
+		playerHlsIdentifier: void 0
+	}),
+	getters: {
+		playerChapteringPercent() {
+			if (!this.playerChaptering || 0 === this.playerTotal) return;
+			const chapteringPercent = [];
+			for (let i = 0, len = this.playerChaptering.chapters.length; i < len; i++) {
+				const startTime = this.playerChaptering.chapters[i].startTime;
+				chapteringPercent.push({
+					startTime,
+					startDisplay: durationHelper_default.formatDuration(startTime, ":", false),
+					startPercent: startTime * 100 / Math.round(this.playerTotal),
+					endPercent: 100,
+					title: this.playerChaptering.chapters[i].title
+				});
+			}
+			for (let i = 0, len = chapteringPercent.length; i < len; i++) chapteringPercent[i].endPercent = chapteringPercent[i].startPercent + ((chapteringPercent[i + 1]?.startPercent ?? 100) - chapteringPercent[i].startPercent);
+			return chapteringPercent;
+		},
+		playerHeight() {
+			if ("STOPPED" === this.playerStatus) return "0px";
+			if (this.playerVideo) return "0px";
+			if (this.playerLargeVersion) return "27rem";
+			if (window.innerWidth > 450) return "6rem";
+			return "3.5rem";
+		},
+		playerElapsedSeconds() {
+			if (this.playerElapsed && this.playerElapsed > 0 && this.playerTotal && this.playerTotal > 0) return this.playerElapsed * this.playerTotal;
+			else return -1;
+		},
+		/** Returning remaining time in seconds */
+		playerRemainingSeconds() {
+			const elapsed = this.playerElapsedSeconds;
+			if (elapsed >= 0) return this.playerTotal - elapsed;
+			else return -1;
+		},
+		playedTime() {
+			if (-1 !== this.playerElapsedSeconds) return durationHelper_default.formatDuration(Math.round(this.playerElapsedSeconds));
+			return "--:--";
+		},
+		totalTime() {
+			if (this.playerElapsed && this.playerElapsed > 0 && this.playerTotal && this.playerTotal > 0) return durationHelper_default.formatDuration(Math.round(this.playerTotal));
+			return "--:--";
+		},
+		isPlaying() {
+			return "PLAYING" === this.playerStatus;
+		},
+		isPaused() {
+			return "PAUSED" === this.playerStatus;
+		},
+		podcastImage() {
+			if (this.playerRadio) return this.playerRadio.podcast?.imageUrl ?? "";
+			return this.playerPodcast?.imageUrl ?? "";
+		},
+		emissionName() {
+			return this.playerPodcast?.emission?.name ?? "";
+		},
+		transcriptText() {
+			return this.playerTranscript?.actualText ?? "";
+		},
+		radioUrl() {
+			return this.playerRadio?.url ?? void 0;
+		}
+	},
+	actions: {
+		stop() {
+			this.playerCurrentChange = null;
+			this.playerStatus = "STOPPED";
+			this.playerPodcast = void 0;
+			this.playerMedia = void 0;
+			this.playerLive = void 0;
+			this.playerHlsIdentifier = void 0;
+			this.playerRadio = void 0;
+			this.playerElapsed = 0;
+			this.playerVideo = false;
+			this.playerChaptering = void 0;
+		},
+		/**
+		* Start playing audio/video
+		* Without parameters, stop playing
+		* @param param The data
+		* @param isVideo If true, enable video mode
+		*/
+		async playerPlay(param, isVideo = false) {
+			if (!param) {
+				this.stop();
+				return;
+			}
+			if (this.playerPodcast && "podcastId" in param && this.playerPodcast.podcastId === param.podcastId && isVideo === this.playerVideo || this.playerMedia && "mediaId" in param && this.playerMedia.mediaId === param.mediaId || this.playerLive && "conferenceId" in param && this.playerLive.conferenceId === param.conferenceId && isVideo === this.playerVideo) return;
+			if (state.player.startLarge === true && this.playerStatus === "STOPPED") this.playerUpdateLargeVersion(true);
+			this.playerStatus = "LOADING";
+			this.playerPodcast = void 0;
+			this.playerMedia = void 0;
+			this.playerLive = void 0;
+			this.playerHlsIdentifier = void 0;
+			this.playerRadio = void 0;
+			this.playerVideo = isVideo;
+			this.playerElapsed = 0;
+			this.playerChaptering = void 0;
+			if ("conferenceId" in param && param.conferenceId && (!param.podcastId || param.processingStatus !== "READY")) {
+				this.playerLive = param;
+				this.playerHlsIdentifier = param.hlsIdentifier;
+				this.playerCurrentChange = null;
+				return;
+			}
+			if ("podcastId" in param && param.podcastId) {
+				const podcast = param;
+				this.playerPodcast = podcast;
+				this.playerCurrentChange = podcast.podcastId;
+				if (podcast.annotations?.chaptering) this.playerChaptering = await classicApi_default.fetchData({
+					api: 4,
+					path: podcast.annotations.chaptering,
+					isNotAuth: true
+				});
+				return;
+			}
+			if ("mediaId" in param && param.mediaId) {
+				this.playerMedia = param;
+				this.playerCurrentChange = null;
+				return;
+			}
+			if ("canalId" in param && param.canalId) {
+				this.playerRadio = {
+					...param,
+					isInit: false
+				};
+				this.playerCurrentChange = -param.canalId;
+			}
+		},
+		playerChangeStatus(isPause) {
+			this.playerStatus = isPause ? "PAUSED" : "PLAYING";
+		},
+		playerUpdateSeekTime(seekTime) {
+			this.playerSeekTime = seekTime;
+		},
+		playerMetadata(metadata, history) {
+			if (!this.playerRadio) return;
+			this.playerRadio.metadata = metadata;
+			this.playerRadio.history = history;
+		},
+		playerRadioUpdateNextAdvertising(nextAdvertising) {
+			if (!this.playerRadio) return;
+			this.playerRadio.nextAdvertising = nextAdvertising;
+		},
+		playerRadioPodcast(podcast) {
+			if (!this.playerRadio) return;
+			this.playerRadio.podcast = podcast;
+		},
+		playerUpdateElapsed(elapsed, total) {
+			this.playerElapsed = elapsed;
+			if (total) this.playerTotal = total;
+		},
+		playerUpdateTranscript(transcript) {
+			this.playerTranscript = transcript;
+		},
+		playerUpdateLargeVersion(largeVersion) {
+			this.playerLargeVersion = largeVersion;
+		},
+		playerUpdateChaptering(chaptering) {
+			this.playerChaptering = chaptering;
+		},
+		playerUpdateDelayStitching(delay) {
+			this.playerDelayStitching = delay;
+		},
+		playerUpdatePlayerHlsUrl(hlsUrl) {
+			this.playerHlsUrl = hlsUrl;
+		}
+	}
+});
+//#endregion
+export { usePlayerStore as n, durationHelper_default as r, PlayerStatus as t };
+
+//# sourceMappingURL=PlayerStore-DB5dkc3c.mjs.map

package/dist/PlayerStore-DB5dkc3c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerStore-DB5dkc3c.mjs","names":[],"sources":["../src/helper/durationHelper.ts","../src/stores/PlayerStore.ts"],"sourcesContent":["\nconst TIMESTAMP_REGEX = /(?:(\\d{1,2}):)?([0-5]?\\d):([0-5]\\d)(?:.(\\d{3}))?$/;\n\n/**\n * Convert a timestamp to seconds\n */\nfunction convertTimestamptoSeconds(timestamp: string): number|null {\n    const matches = timestamp.match(TIMESTAMP_REGEX);\n    if (matches) {\n        const [, hours, minutes, seconds, nanoseconds] = matches;\n        return Number(hours ?? 0) * 60 * 60 + Number(minutes ?? 0) * 60 + Number(seconds ?? 0) + Number(nanoseconds ?? 0) / 1000;\n    } else {\n        return null;\n    }\n}\n\nfunction formatToString(value: number) {\n    if (value < 10) {\n        return \"0\" + value;\n    }\n    return value.toString();\n}\n\nfunction formatDuration(\n    totalSeconds: number | null,\n    separator = \":\",\n    isLast = false,\n): string {\n    if (null === totalSeconds) {\n        return \"00:00\";\n    }\n    const hours = Math.floor(totalSeconds / 3600);\n    const minutes = Math.floor((totalSeconds - hours * 3600) / 60);\n    const seconds = totalSeconds - hours * 3600 - minutes * 60;\n\n    // In case seconds have decimal, round to 3 decimals, otherwise do not use decimals\n    const secondsStr = Math.round(seconds) == seconds ?\n        this.formatToString(seconds) :\n        this.formatToString(seconds.toFixed(3));\n\n    return (\n        (hours > 0 ? this.formatToString(hours) + separator : \"\") +\n        this.formatToString(minutes) +\n        separator +\n        secondsStr +\n        (isLast ? separator : \"\")\n    );\n}\n\nexport default {\n    TIMESTAMP_REGEX,\n\n    convertTimestamptoSeconds,\n    formatDuration,\n    formatToString\n}","import DurationHelper from \"../helper/durationHelper\";\nimport { Media } from \"@/stores/class/general/media\";\nimport {\n  MediaRadio,\n  NextAdvertising,\n  Radio,\n} from \"@/stores/class/general/player\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { defineStore } from \"pinia\";\nimport { Chaptering, ChapteringPercent } from \"./class/chaptering/chaptering\";\nimport classicApi from \"../api/classicApi\";\n\nimport { state as sdkParams } from \"./ParamSdkStore\";\nimport { Canal } from \"./class/radio/canal\";\nimport { Conference } from \"./class/conference/conference\";\n\ninterface Transcript {\n  actual: number;\n  actualText: string;\n  value: Array<{ endTime: number; startTime: number; text: string }>;\n}\n\nexport enum PlayerStatus {\n  STOPPED = \"STOPPED\",\n  LOADING = \"LOADING\",\n  PLAYING = \"PLAYING\",\n  PAUSED = \"PAUSED\"\n}\n\ninterface PlayerState {\n  playerCurrentChange: number | null;\n  playerStatus: PlayerStatus;\n  playerPodcast: Podcast | undefined;\n  playerVolume?: number; //From 0 to 1\n  playerElapsed: number; //From 0 to 1\n  playerTotal: number;\n  playerMedia: Media | undefined;\n  playerLive: Podcast | undefined;\n  playerRadio: Radio | undefined;\n  playerStop?: boolean;\n  playerSeekTime?: number;\n  playerTranscript?: Transcript;\n  playerLargeVersion: boolean;\n  playerVideo: boolean;\n  playerChaptering?: Chaptering;\n  playerDelayStitching: number;\n  playerHlsUrl?: string;\n  playerHlsIdentifier?:string;\n}\nexport const usePlayerStore = defineStore(\"PlayerStore\", {\n  state: (): PlayerState => ({\n    playerCurrentChange: null,\n    playerStatus: PlayerStatus.STOPPED,\n    playerPodcast: undefined,\n    playerVolume: 1,\n    playerElapsed: 0,\n    playerTotal: 0,\n    playerMedia: undefined,\n    playerLive: undefined,\n    playerRadio: undefined,\n    playerSeekTime: 0,\n    playerLargeVersion: false,\n    playerVideo: false,\n    playerChaptering: undefined,\n    playerDelayStitching: 0,\n    playerHlsIdentifier: undefined,\n  }),\n  getters: {\n    playerChapteringPercent(): ChapteringPercent | undefined {\n      if (!this.playerChaptering || 0 === this.playerTotal) {\n        return;\n      }\n      const chapteringPercent: ChapteringPercent = [];\n      for (\n        let i = 0, len = this.playerChaptering.chapters.length;\n        i < len;\n        i++\n      ) {\n        const startTime = this.playerChaptering.chapters[i].startTime;\n        chapteringPercent.push({\n          startTime: startTime,\n          startDisplay: DurationHelper.formatDuration(startTime, \":\", false),\n          startPercent: (startTime * 100) / Math.round(this.playerTotal),\n          endPercent: 100,\n          title: this.playerChaptering.chapters[i].title,\n        });\n      }\n      for (let i = 0, len = chapteringPercent.length; i < len; i++) {\n        chapteringPercent[i].endPercent =\n          chapteringPercent[i].startPercent +\n          ((chapteringPercent[i + 1]?.startPercent ?? 100) -\n            chapteringPercent[i].startPercent);\n      }\n      return chapteringPercent;\n    },\n    playerHeight() {\n      if (\"STOPPED\" === this.playerStatus) {\n        return '0px';\n      }\n      if (this.playerVideo) {\n        return \"0px\" /* \"281px\" */;\n      }\n      if (this.playerLargeVersion) {\n        return \"27rem\";\n      }\n      if (window.innerWidth > 450) {\n        return \"6rem\";\n      }\n      return \"3.5rem\";\n    },\n\n    playerElapsedSeconds(): number {\n      if (\n        this.playerElapsed &&\n        this.playerElapsed > 0 &&\n        this.playerTotal &&\n        this.playerTotal > 0\n      ) {\n        return this.playerElapsed * this.playerTotal;\n      } else {\n        return -1;\n      }\n    },\n\n    /** Returning remaining time in seconds */\n    playerRemainingSeconds(): number {\n      const elapsed = this.playerElapsedSeconds;\n      if (elapsed >= 0) {\n        return this.playerTotal - elapsed;\n      } else {\n        return -1;\n      }\n    },\n    \n    playedTime(): string {\n      if (-1 !== this.playerElapsedSeconds) {\n        return DurationHelper.formatDuration(\n          Math.round(this.playerElapsedSeconds),\n        );\n      }\n      return \"--:--\";\n    },\n    totalTime(): string {\n      if (\n        this.playerElapsed &&\n        this.playerElapsed > 0 &&\n        this.playerTotal &&\n        this.playerTotal > 0\n      ) {\n        return DurationHelper.formatDuration(Math.round(this.playerTotal));\n      }\n      return \"--:--\";\n    },\n    isPlaying(): boolean {\n      return \"PLAYING\" === this.playerStatus;\n    },\n    isPaused(): boolean {\n      return \"PAUSED\" === this.playerStatus;\n    },\n    podcastImage(): string {\n      if (this.playerRadio) {\n        return this.playerRadio.podcast?.imageUrl ?? \"\";\n      }\n      return this.playerPodcast?.imageUrl ?? \"\";\n    },\n    emissionName(): string {\n      return this.playerPodcast?.emission?.name ?? \"\";\n    },\n    transcriptText(): string {\n      return this.playerTranscript?.actualText ?? \"\";\n    },\n    radioUrl(): string | undefined {\n      return this.playerRadio?.url ?? undefined;\n    },\n  },\n  actions: {\n    stop(): void {\n      this.playerCurrentChange = null;\n      this.playerStatus = \"STOPPED\";\n      this.playerPodcast = undefined;\n      this.playerMedia = undefined;\n      this.playerLive = undefined;\n      this.playerHlsIdentifier = undefined;\n      this.playerRadio = undefined;\n      this.playerElapsed = 0;\n      this.playerVideo = false;\n      this.playerChaptering = undefined;\n    },\n    /**\n     * Start playing audio/video\n     * Without parameters, stop playing\n     * @param param The data\n     * @param isVideo If true, enable video mode\n     */\n    async playerPlay(param?: Podcast|Media|Canal|Conference, isVideo = false) {\n      if (!param) {\n        this.stop();\n        return;\n      }\n      if (\n        (\n          this.playerPodcast &&\n          'podcastId' in param &&\n          this.playerPodcast.podcastId === param.podcastId &&\n          isVideo === this.playerVideo\n        ) || (\n          this.playerMedia &&\n          'mediaId' in param &&\n          this.playerMedia.mediaId === param.mediaId\n        ) || (\n          this.playerLive &&\n          'conferenceId' in param &&\n          this.playerLive.conferenceId === param.conferenceId &&\n          isVideo === this.playerVideo\n        )\n      ) {\n        //Do nothing\n        return;\n      }\n\n      if (sdkParams.player.startLarge === true && this.playerStatus === 'STOPPED') {\n        this.playerUpdateLargeVersion(true);\n      }\n      \n      this.playerStatus = \"LOADING\";\n      this.playerPodcast = undefined;\n      this.playerMedia = undefined;\n      this.playerLive = undefined;\n      this.playerHlsIdentifier = undefined;\n      this.playerRadio = undefined;\n      this.playerVideo = isVideo;\n      this.playerElapsed = 0;\n      this.playerChaptering = undefined;\n\n      if (\n        'conferenceId' in param &&\n        param.conferenceId &&\n        (!param.podcastId || param.processingStatus !== \"READY\")\n      ) {\n        this.playerLive = param;\n        this.playerHlsIdentifier = param.hlsIdentifier;\n        this.playerCurrentChange = null;\n        return;\n      }\n\n      if ('podcastId' in param && param.podcastId) {\n        const podcast = param as Podcast;\n        this.playerPodcast = podcast;\n        this.playerCurrentChange = podcast.podcastId;\n        if (podcast.annotations?.chaptering) {\n          this.playerChaptering = await classicApi.fetchData<Chaptering>({\n            api: 4,\n            path: podcast.annotations.chaptering as string,\n            isNotAuth: true\n          });\n        }\n        return;\n      }\n\n      if ('mediaId' in param && param.mediaId) {\n        this.playerMedia = param;\n        this.playerCurrentChange = null;\n        return;\n      }\n\n      if ('canalId' in param && param.canalId) {\n        this.playerRadio = { ...param, isInit: false };\n        this.playerCurrentChange = -param.canalId;\n      }\n    },\n\n    playerChangeStatus(isPause: boolean) {\n      this.playerStatus = isPause? \"PAUSED\" : \"PLAYING\";\n    },\n\n    playerUpdateSeekTime(seekTime: number) {\n      this.playerSeekTime = seekTime;\n    },\n    playerMetadata(metadata: MediaRadio|undefined, history: Array<MediaRadio>) {\n      if (!this.playerRadio) {\n        return;\n      }\n      this.playerRadio.metadata = metadata;\n      this.playerRadio.history = history;\n    },\n    playerRadioUpdateNextAdvertising(nextAdvertising: NextAdvertising) {\n      if (!this.playerRadio) {\n        return;\n      }\n      this.playerRadio.nextAdvertising = nextAdvertising;\n    },\n    playerRadioPodcast(podcast: Podcast | undefined) {\n      if (!this.playerRadio) {\n        return;\n      }\n      this.playerRadio.podcast = podcast;\n    },\n\n    playerUpdateElapsed(elapsed: number, total?: number) {\n      this.playerElapsed = elapsed;\n      if (total) {\n        this.playerTotal = total;\n      }\n    },\n\n    playerUpdateTranscript(transcript?: Transcript) {\n      this.playerTranscript = transcript;\n    },\n    playerUpdateLargeVersion(largeVersion: boolean) {\n      this.playerLargeVersion = largeVersion;\n    },\n    playerUpdateChaptering(chaptering?: Chaptering) {\n      this.playerChaptering = chaptering;\n    },\n    playerUpdateDelayStitching(delay: number) {\n      this.playerDelayStitching = delay;\n    },\n    playerUpdatePlayerHlsUrl(hlsUrl: string|undefined) {\n      this.playerHlsUrl = hlsUrl;\n    },\n  },\n});\n"],"mappings":"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"}

package/dist/PlayerVideo-Bud1rcxU.mjs

@@ -0,0 +1,52 @@
+import { w as useApiStore } from "./classicApi-BKNiWOG4.mjs";
+import { n as usePlayerStore } from "./PlayerStore-DB5dkc3c.mjs";
+import { t as youtubeVideoHelper_default } from "./youtubeVideoHelper-DOeaXxVp.mjs";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, onMounted, openBlock, ref, unref } from "vue";
+import WindowCloseIcon from "vue-material-design-icons/WindowClose.vue";
+//#region src/components/misc/player/video/PlayerVideo.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "video-wrapper" };
+//#endregion
+//#region src/components/misc/player/video/PlayerVideo.vue
+var PlayerVideo_default = /* @__PURE__ */ defineComponent({
+	__name: "PlayerVideo",
+	setup(__props) {
+		const PlayerVideoDigiteka = defineAsyncComponent(() => import("./PlayerVideoDigiteka-CiTtloWK.mjs"));
+		const PlayerVideoHls = defineAsyncComponent(() => import("./PlayerVideoHls-DjAlSV39.mjs"));
+		const PlayerYoutubeEmbed = defineAsyncComponent(() => import("./PlayerYoutubeEmbed-D5ZhaHbv.mjs"));
+		const youtubeId = ref(void 0);
+		const apiStore = useApiStore();
+		const playerStore = usePlayerStore();
+		const isSecured = computed(() => "SECURED" === playerStore.playerLive?.organisation?.privacy);
+		const hlsVideoUrl = computed(() => {
+			if (!playerStore.playerHlsIdentifier) return "";
+			return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;
+		});
+		onMounted(() => {
+			youtubeId.value = youtubeVideoHelper_default.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive)?.tags ?? []);
+		});
+		function closePlayer() {
+			playerStore.playerPlay();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: ".octopus-app" }, [unref(playerStore).playerVideo ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("button", {
+				class: "btn btn-transparent video-close",
+				onClick: closePlayer
+			}, [createVNode(WindowCloseIcon)]), createElementVNode("div", _hoisted_1, [youtubeId.value ? (openBlock(), createBlock(unref(PlayerYoutubeEmbed), {
+				key: 0,
+				"youtube-id": youtubeId.value
+			}, null, 8, ["youtube-id"])) : !unref(playerStore).playerLive ? (openBlock(), createBlock(unref(PlayerVideoDigiteka), {
+				key: 1,
+				"video-id": unref(playerStore).playerPodcast?.video?.videoId,
+				"podcast-id": unref(playerStore).playerPodcast.podcastId
+			}, null, 8, ["video-id", "podcast-id"])) : (openBlock(), createBlock(unref(PlayerVideoHls), {
+				key: 2,
+				"hls-url": hlsVideoUrl.value,
+				"is-secured": isSecured.value
+			}, null, 8, ["hls-url", "is-secured"]))])], 64)) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { PlayerVideo_default as default };
+
+//# sourceMappingURL=PlayerVideo-Bud1rcxU.mjs.map

package/dist/PlayerVideo-Bud1rcxU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideo-Bud1rcxU.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideo.vue","../src/components/misc/player/video/PlayerVideo.vue"],"sourcesContent":["<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n","<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;EAwBA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EAGA,MAAM,YAAmC,IAAI,KAAA,CAAS;EAGtD,MAAM,WAAW,YAAY;EAC7B,MAAM,cAAc,eAAe;EAInC,MAAM,YAAY,eAAe,cAAc,YAAY,YAAY,cAAc,OAAO;EAC5F,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,YAAY,qBACf,OAAO;GAET,OAAO,GAAG,SAAS,OAAO,aAAa,YAAY,oBAAoB;EACzE,CAAC;EAED,gBAAc;GACZ,UAAU,QAAQ,2BAAmB,cAAc,YAAY,iBAAiB,YAAY,aAAc,QAAQ,CAAC,CAAC;EACtH,CAAC;EAGD,SAAS,cAAc;GACrB,YAAY,WAAW;EACzB;;uBAzDE,YAeW,UAAA,EAfD,IAAG,eAAc,GAAA,CACT,MAAA,WAAA,EAAY,eAAA,UAAA,GAA5B,mBAaW,UAAA,EAAA,KAAA,EAAA,GAAA,CAZT,mBAES,UAAA;IAFD,OAAM;IAAmC,SAAO;OACtD,YAAmB,eAAA,CAAA,CAAA,GAErB,mBAQM,OARN,YAQM,CAPsB,UAAA,SAAA,UAAA,GAA1B,YAA+D,MAAA,kBAAA,GAAA;;IAAzB,cAAY,UAAA;mCAEpC,MAAA,WAAA,EAAY,cAAA,UAAA,GAD1B,YAIE,MAAA,mBAAA,GAAA;;IAFC,YAAU,MAAA,WAAA,EAAY,eAAe,OAAO;IAC5C,cAAY,MAAA,WAAA,EAAY,cAAc;4DAEzC,YAAuE,MAAA,cAAA,GAAA;;IAA/C,WAAS,YAAA;IAAc,cAAY,UAAA"}

package/dist/PlayerVideo-CX3JS9bK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideo-CX3JS9bK.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideo.vue","../src/components/misc/player/video/PlayerVideo.vue"],"sourcesContent":["<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n","<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;EAwBA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EAGA,MAAM,YAAmC,IAAI,KAAA,CAAS;EAGtD,MAAM,WAAW,YAAY;EAC7B,MAAM,cAAc,eAAe;EAInC,MAAM,YAAY,eAAe,cAAc,YAAY,YAAY,cAAc,OAAO;EAC5F,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,YAAY,qBACf,OAAO;GAET,OAAO,GAAG,SAAS,OAAO,aAAa,YAAY,oBAAoB;EACzE,CAAC;EAED,gBAAc;GACZ,UAAU,QAAQ,2BAAmB,cAAc,YAAY,iBAAiB,YAAY,aAAc,QAAQ,CAAC,CAAC;EACtH,CAAC;EAGD,SAAS,cAAc;GACrB,YAAY,WAAW;EACzB;;uBAzDE,YAeW,UAAA,EAfD,IAAG,eAAc,GAAA,CACT,MAAA,WAAA,EAAY,eAAA,UAAA,GAA5B,mBAaW,UAAA,EAAA,KAAA,EAAA,GAAA,CAZT,mBAES,UAAA;IAFD,OAAM;IAAmC,SAAO;OACtD,YAAmB,eAAA,CAAA,CAAA,GAErB,mBAQM,OARN,YAQM,CAPsB,UAAA,SAAA,UAAA,GAA1B,YAA+D,MAAA,kBAAA,GAAA;;IAAzB,cAAY,UAAA;mCAEpC,MAAA,WAAA,EAAY,cAAA,UAAA,GAD1B,YAIE,MAAA,mBAAA,GAAA;;IAFC,YAAU,MAAA,WAAA,EAAY,eAAe,OAAO;IAC5C,cAAY,MAAA,WAAA,EAAY,cAAc;4DAEzC,YAAuE,MAAA,cAAA,GAAA;;IAA/C,WAAS,YAAA;IAAc,cAAY,UAAA"}

package/dist/PlayerVideo-D0mTmRCq.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideo-D0mTmRCq.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideo.vue","../src/components/misc/player/video/PlayerVideo.vue"],"sourcesContent":["<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n","<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAwBA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EAGA,MAAM,YAAmC,IAAI,KAAA,CAAS;EAGtD,MAAM,WAAW,YAAY;EAC7B,MAAM,cAAc,eAAe;EAInC,MAAM,YAAY,eAAe,cAAc,YAAY,YAAY,cAAc,OAAO;EAC5F,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,YAAY,qBACf,OAAO;GAET,OAAO,GAAG,SAAS,OAAO,aAAa,YAAY,oBAAoB;EACzE,CAAC;EAED,gBAAc;GACZ,UAAU,QAAQ,2BAAmB,cAAc,YAAY,iBAAiB,YAAY,aAAc,QAAQ,CAAC,CAAC;EACtH,CAAC;EAGD,SAAS,cAAc;GACrB,YAAY,WAAW;EACzB;;;;;;;;;;;;;;;;;;;;;;mBCpDW,OAAM,gBAAe;;qBAL9B,YAeW,UAAA,EAfD,IAAG,eAAc,GAAA,CACT,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAaW,UAAA,EAAA,KAAA,EAAA,GAAA,CAZT,mBAES,UAAA;EAFD,OAAM;EAAmC,SAAO,OAAA;KACtD,YAAmB,OAAA,kBAAA,CAAA,CAAA,GAErB,mBAQM,OARN,YAQM,CAPsB,OAAA,aAAA,UAAA,GAA1B,YAA+D,OAAA,uBAAA;;EAAzB,cAAY,OAAA;iCAEpC,OAAA,YAAY,cAAA,UAAA,GAD1B,YAIE,OAAA,wBAAA;;EAFC,YAAU,OAAA,YAAY,eAAe,OAAO;EAC5C,cAAY,OAAA,YAAY,cAAc;0DAEzC,YAAuE,OAAA,mBAAA;;EAA/C,WAAS,OAAA;EAAc,cAAY,OAAA"}

package/dist/PlayerVideoDigiteka-CiTtloWK.mjs

@@ -0,0 +1,82 @@
+import { S as ModuleApi, t as classicApi_default } from "./classicApi-BKNiWOG4.mjs";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { t as SnackBar_default } from "./SnackBar-jRnNt--Z.mjs";
+import { t as usePlayerLogicProgress } from "./usePlayerLogicProgress-CSdUmqxN.mjs";
+import { computed, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, onMounted, openBlock, unref, useTemplateRef } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/api/videoApi.ts
+/**
+* Request the download ID from a video
+* @param podcastId The id of the podcast to be watched
+*/
+async function watchPodcast(podcastId) {
+	return classicApi_default.fetchData({
+		api: ModuleApi.DEFAULT,
+		path: "video/watch/" + podcastId
+	});
+}
+var videoApi = { watchPodcast };
+//#endregion
+//#region src/components/misc/player/video/PlayerVideoDigiteka.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["src", "title"];
+//#endregion
+//#region src/components/misc/player/video/PlayerVideoDigiteka.vue
+var PlayerVideoDigiteka_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PlayerVideoDigiteka",
+	props: {
+		videoId: {
+			type: String,
+			required: true
+		},
+		podcastId: {
+			type: Number,
+			required: false,
+			default: null
+		},
+		responsive: {
+			default: false,
+			type: Boolean
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const snackBarRef = useTemplateRef("snackbar");
+		const { t } = useI18n();
+		const { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();
+		const srcVideo = computed(() => {
+			return "//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/" + props.videoId + "/sound/yes/autoplay/1";
+		});
+		onMounted(async () => {
+			if (void 0 === props.videoId) (snackBarRef?.value).open(t("Podcast play error"));
+			window.addEventListener("message", (event) => {
+				if (typeof event.data !== "string") return;
+				const data = Object.fromEntries(event.data.split("&").map((d) => d.split("=")));
+				if (data.event === "timeupdate") onTimeUpdateProgress(parseFloat(data.time));
+			});
+			if (props.podcastId !== void 0) setDownloadId(await videoApi.watchPodcast(props.podcastId));
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(__props.responsive ? "video-responsive-wrapper" : "") }, [__props.videoId ? (openBlock(), createElementBlock("iframe", {
+				key: 0,
+				ref: "iframeVideo",
+				src: srcVideo.value,
+				title: unref(t)("Video"),
+				width: "500",
+				height: "281",
+				style: { "z-index": "1" },
+				ebkitallowfullscreen: "true",
+				mozallowfullscreen: "true",
+				allowfullscreen: "true",
+				allow: "fullscreen; autoplay",
+				referrerpolicy: "no-referrer-when-downgrade"
+			}, null, 8, _hoisted_1)) : createCommentVNode("", true), createVNode(SnackBar_default, {
+				ref: "snackbar",
+				position: "bottom-left"
+			}, null, 512)], 2);
+		};
+	}
+}), [["__scopeId", "data-v-8bbf5c6a"]]);
+//#endregion
+export { PlayerVideoDigiteka_default as default };
+
+//# sourceMappingURL=PlayerVideoDigiteka-CiTtloWK.mjs.map

package/dist/PlayerVideoDigiteka-CiTtloWK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoDigiteka-CiTtloWK.mjs","names":[],"sources":["../src/api/videoApi.ts","../src/components/misc/player/video/PlayerVideoDigiteka.vue","../src/components/misc/player/video/PlayerVideoDigiteka.vue"],"sourcesContent":["import { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\n\n/**\n * Request the download ID from a video\n * @param podcastId The id of the podcast to be watched\n */\nasync function watchPodcast(podcastId: number): Promise<string> {\n    return classicApi.fetchData<string>({\n        api: ModuleApi.DEFAULT,\n        path: 'video/watch/' + podcastId\n    });\n}\n\nexport const videoApi = {\n    watchPodcast\n}\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n"],"mappings":";;;;;;;;;;;AAOA,eAAe,aAAa,WAAoC;CAC5D,OAAO,mBAAW,UAAkB;EAChC,KAAK,UAAU;EACf,MAAM,iBAAiB;CAC3B,CAAC;AACL;AAEA,IAAa,WAAW,EACpB,aACJ;;;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EAOd,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,sBAAsB,kBAAkB,uBAAuB;EAGvE,MAAM,WAAW,eAAe;GAC9B,OACE,qFACA,MAAM,UACN;EAEJ,CAAC;EAED,UAAU,YAAS;GACjB,IAAI,KAAA,MAAc,MAAM,SACtB,CAAC,aAAa,OAAwC,KAAK,EAAE,oBAAoB,CAAC;GAIpF,OAAO,iBAAiB,YAAW,UAAS;IAC1C,IAAI,OAAO,MAAM,SAAS,UACxB;IAGF,MAAM,OAAO,OAAO,YAAY,MAAM,KAAK,MAAM,GAAG,EAAE,KAAI,MAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5E,IAAI,KAAK,UAAU,cACjB,qBAAqB,WAAW,KAAK,IAAI,CAAC;GAE9C,CAAC;GAED,IAAI,MAAM,cAAc,KAAA,GAEtB,cAAc,MADW,SAAS,aAAa,MAAM,SAAS,CACtC;EAE5B,CAAC;;uBAvEC,mBAgBM,OAAA,EAhBA,OAAK,eAAE,QAAA,aAAU,6BAAA,EAAA,EAAA,GAAA,CAEb,QAAA,WAAA,UAAA,GADR,mBAaU,UAAA;;IAXR,KAAI;IACH,KAAK,SAAA;IACL,OAAO,MAAA,CAAA,EAAC,OAAA;IACT,OAAM;IACN,QAAO;IACP,OAAA,EAAA,WAAA,IAAA;IACA,sBAAqB;IACrB,oBAAmB;IACnB,iBAAgB;IAChB,OAAM;IACN,gBAAe;4DAEjB,YAAkD,kBAAA;IAAxC,KAAI;IAAW,UAAS"}

package/dist/PlayerVideoDigiteka-DjlfXgIZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoDigiteka-DjlfXgIZ.mjs","names":[],"sources":["../src/api/videoApi.ts","../src/components/misc/player/video/PlayerVideoDigiteka.vue","../src/components/misc/player/video/PlayerVideoDigiteka.vue"],"sourcesContent":["import { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\n\n/**\n * Request the download ID from a video\n * @param podcastId The id of the podcast to be watched\n */\nasync function watchPodcast(podcastId: number): Promise<string> {\n    return classicApi.fetchData<string>({\n        api: ModuleApi.DEFAULT,\n        path: 'video/watch/' + podcastId\n    });\n}\n\nexport const videoApi = {\n    watchPodcast\n}\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n"],"mappings":";;;;;;;;;;;AAOA,eAAe,aAAa,WAAoC;CAC5D,OAAO,mBAAW,UAAkB;EAChC,KAAK,UAAU;EACf,MAAM,iBAAiB;CAC3B,CAAC;AACL;AAEA,IAAa,WAAW,EACpB,aACJ;;;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EAOd,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,sBAAsB,kBAAkB,uBAAuB;EAGvE,MAAM,WAAW,eAAe;GAC9B,OACE,qFACA,MAAM,UACN;EAEJ,CAAC;EAED,UAAU,YAAS;GACjB,IAAI,KAAA,MAAc,MAAM,SACtB,CAAC,aAAa,OAAwC,KAAK,EAAE,oBAAoB,CAAC;GAIpF,OAAO,iBAAiB,YAAW,UAAS;IAC1C,IAAI,OAAO,MAAM,SAAS,UACxB;IAGF,MAAM,OAAO,OAAO,YAAY,MAAM,KAAK,MAAM,GAAG,EAAE,KAAI,MAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5E,IAAI,KAAK,UAAU,cACjB,qBAAqB,WAAW,KAAK,IAAI,CAAC;GAE9C,CAAC;GAED,IAAI,MAAM,cAAc,KAAA,GAEtB,cAAc,MADW,SAAS,aAAa,MAAM,SAAS,CACtC;EAE5B,CAAC;;uBAvEC,mBAgBM,OAAA,EAhBA,OAAK,eAAE,QAAA,aAAU,6BAAA,EAAA,EAAA,GAAA,CAEb,QAAA,WAAA,UAAA,GADR,mBAaU,UAAA;;IAXR,KAAI;IACH,KAAK,SAAA;IACL,OAAO,MAAA,CAAA,EAAC,OAAA;IACT,OAAM;IACN,QAAO;IACP,OAAA,EAAA,WAAA,IAAA;IACA,sBAAqB;IACrB,oBAAmB;IACnB,iBAAgB;IAChB,OAAM;IACN,gBAAe;4DAEjB,YAAkD,kBAAA;IAAxC,KAAI;IAAW,UAAS"}