@funhub/platform 0.1.130 → 0.1.131

package/dist/components/common/video-player/index.mjs

@@ -1,713 +1,8 @@
 
-'use client';
-
-import { generateUUID, parseResolution } from "../../../utils/common.mjs";
-import { decryptImageUrl } from "../../../utils/decrypt-image-client.mjs";
-import { RETRY_RECOVERED_MIN_PLAY_SECONDS, buildVideoPlayerSrc, isM3u8VideoUrl, resolveVideoPlayerSrc } from "./process-m3u8-cache.mjs";
-import { apiCollectCustom } from "../../../utils/api-collect.mjs";
-import { videoConfig } from "./create-video.mjs";
-import { RETRY_RESUME_END_GAP_SECONDS, pauseOtherVideos, prepareRetryResumeState, registerVideo, shouldTriggerFpsStuckRecovery, unregisterVideo } from "./playing-videos.mjs";
-import style_module_default from "./style.module.mjs";
-import { useCallback, useEffect, useImperativeHandle, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import Image from "next/image";
-import { useLocale } from "next-intl";
-
-//#region components/common/video-player/index.tsx
-/**
-* 异步加载播放器样式，避免提前触发 preload 警告。
-*/
-async function ensurePlayerStyles() {
-	await import("xgplayer/dist/index.min.css");
-}
-const defaultHlsList = [];
-const defaultMergeConfig = {};
-const RETRY_LOADING_TIMEOUT_MS = 10 * 1e3;
-function CommonPlayer({ className = "", parentId = "", plyerId = "", videoUrl = "", poster = "", resolution, hlsList = defaultHlsList, mergeConfig = defaultMergeConfig, onProgressUpdate, onVideoEnded, onPlay, onPause, onEnded, onPlayerReady, onControlsVisibilityChange, ref }) {
-	const playerLang = useLocale() === "en" ? "en" : "zh-cn";
-	const uniqueId = useRef(generateUUID()).current;
-	const currentBright = useRef(1);
-	const currentVol = useRef(1);
-	const lastY = useRef(0);
-	const lastUpdateTime = useRef(0);
-	const videoRef = useRef(null);
-	const videoBoxRef = useRef(null);
-	const isfullscreen = useRef(false);
-	const isSeeked = useRef(false);
-	const playbackRate = useRef(1);
-	const controlsObserverRef = useRef(null);
-	const controlsObserverTimerRef = useRef(null);
-	const quotaRecoveringRef = useRef(false);
-	const retryCountRef = useRef(0);
-	const retryTimerRef = useRef(null);
-	const retryLoadingTimeoutRef = useRef(null);
-	const isRetryLoadingRef = useRef(false);
-	const retryRecoverStartTimeRef = useRef(null);
-	const retryResumeTimeRef = useRef(null);
-	const retryResumePlaybackRef = useRef(null);
-	const cancelledRef = useRef(false);
-	const hasStartPlayReport = useRef(false);
-	const isPlayerReadyRef = useRef(false);
-	const hasExitedInitialArea = useRef(false);
-	const mergeConfigRef = useRef(mergeConfig);
-	/**
-	* 清理控制条可见性监听（MutationObserver + 延迟 timer）。
-	*
-	* 解决快速滑动/卸载时：
-	* - `setTimeout(setupControlsObserver, ...)` 在播放器 destroy 后仍可能触发
-	* - 从而出现 `videoRef.current === null` 读取 `root` 报错的问题
-	*/
-	const cleanupControlsObserver = useCallback(() => {
-		if (controlsObserverTimerRef.current) {
-			window.clearTimeout(controlsObserverTimerRef.current);
-			controlsObserverTimerRef.current = null;
-		}
-		if (controlsObserverRef.current) {
-			controlsObserverRef.current.disconnect();
-			controlsObserverRef.current = null;
-		}
-	}, []);
-	/**
-	* 清理重试 timer，避免卸载后仍触发重试逻辑。
-	*/
-	const cleanupRetryTimer = useCallback(() => {
-		if (retryTimerRef.current) {
-			window.clearTimeout(retryTimerRef.current);
-			retryTimerRef.current = null;
-		}
-	}, []);
-	/**
-	* 清理重试 loading 的超时兜底 timer。
-	*/
-	const cleanupRetryLoadingTimeout = useCallback(() => {
-		if (retryLoadingTimeoutRef.current) {
-			window.clearTimeout(retryLoadingTimeoutRef.current);
-			retryLoadingTimeoutRef.current = null;
-		}
-	}, []);
-	/**
-	* 取消重试 loading 态（检测到资源可用后立即收起 loading）。
-	*/
-	const clearRetryLoadingState = useCallback((player) => {
-		const shouldClear = isRetryLoadingRef.current || retryLoadingTimeoutRef.current !== null;
-		isRetryLoadingRef.current = false;
-		cleanupRetryLoadingTimeout();
-		if (!shouldClear || !player) return;
-		try {
-			player.removeClass?.("xgplayer-isloading");
-			player.getPlugin?.("loading")?.hide?.();
-		} catch {}
-	}, [cleanupRetryLoadingTimeout]);
-	/**
-	* 取消重试 loading 态，回退到错误展示（用于重试兜底不可用时）。
-	*/
-	const restorePlayerErrorState = useCallback((player) => {
-		clearRetryLoadingState(player);
-		if (!player) return;
-		try {
-			player.addClass?.("xgplayer-is-error");
-			player.getPlugin?.("error")?.show?.();
-		} catch {}
-	}, [clearRetryLoadingState]);
-	/**
-	* 重试期间仅展示 loading，并加 10s 超时兜底避免长时间假 loading。
-	*/
-	const applyRetryLoadingState = useCallback((player) => {
-		if (!player) return;
-		isRetryLoadingRef.current = true;
-		cleanupRetryLoadingTimeout();
-		try {
-			player.removeClass?.("xgplayer-is-error");
-			player.addClass?.("xgplayer-isloading");
-			player.getPlugin?.("error")?.hide?.();
-			player.getPlugin?.("loading")?.show?.();
-		} catch {}
-		retryLoadingTimeoutRef.current = window.setTimeout(() => {
-			retryLoadingTimeoutRef.current = null;
-			if (cancelledRef.current || !isRetryLoadingRef.current) return;
-			cleanupRetryTimer();
-			retryRecoverStartTimeRef.current = null;
-			retryCountRef.current = 3;
-			restorePlayerErrorState(videoRef.current || player);
-			console.warn(`~ 播放器加载超过 ${RETRY_LOADING_TIMEOUT_MS}ms，已回退失败态，请手动刷新 ~`);
-		}, RETRY_LOADING_TIMEOUT_MS);
-	}, [
-		cleanupRetryLoadingTimeout,
-		cleanupRetryTimer,
-		restorePlayerErrorState
-	]);
-	/**
-	* 销毁当前播放器实例（用于卸载/重试重建）。
-	*/
-	const destroyCurrentPlayer = useCallback(() => {
-		cleanupControlsObserver();
-		cleanupRetryLoadingTimeout();
-		isRetryLoadingRef.current = false;
-		unregisterVideo(uniqueId);
-		isPlayerReadyRef.current = false;
-		retryRecoverStartTimeRef.current = null;
-		if (videoRef.current) {
-			videoRef.current.offAll();
-			videoRef.current.destroy();
-			videoRef.current = null;
-		}
-	}, [
-		cleanupControlsObserver,
-		cleanupRetryLoadingTimeout,
-		uniqueId
-	]);
-	useImperativeHandle(ref, () => ({
-		enterFullscreen: () => {
-			videoRef.current.getPlugin("fullscreen").handleFullscreen();
-		},
-		isFullscreen: () => {
-			return isfullscreen.current;
-		},
-		isPlayerReady: () => {
-			return isPlayerReadyRef.current && !!videoRef.current;
-		},
-		getPlayer: () => {
-			return videoRef.current;
-		}
-	}), []);
-	const brightContainerRef = useRef(null);
-	const volumeContainerRef = useRef(null);
-	const brightBarRef = useRef(null);
-	const volumeBarRef = useRef(null);
-	const controlBarRef = useRef(null);
-	const AREAOFFSET = 50;
-	const LEFT_AREA_PERCENTAGE = .3;
-	const RIGHT_AREA_PERCENTAGE = .7;
-	const STEP_SIZE = .045;
-	const getSrc = () => {
-		return buildVideoPlayerSrc(videoUrl);
-	};
-	/**
-	* 计算指数退避延迟（带少量抖动，避免多实例同时重试）。
-	*/
-	function getRetryDelayMs(attempt) {
-		return Math.min(4e3, 500 * 2 ** (attempt - 1)) + Math.floor(Math.random() * 200);
-	}
-	const initVideoPlayer = async (isCancelled, onPlayerReadyCallback, onControlsVisibilityChangeCallback) => {
-		const fallbackSrc = getSrc();
-		if (!fallbackSrc) return;
-		const resolvedSrcPromise = resolveVideoPlayerSrc(videoUrl);
-		const shouldUseHlsPlugin = isM3u8VideoUrl(videoUrl) || (hlsList?.length ?? 0) > 0;
-		try {
-			await ensurePlayerStyles();
-			const [xg, hls] = await Promise.all([
-				import("xgplayer"),
-				shouldUseHlsPlugin ? import("xgplayer-hls") : Promise.resolve(null),
-				(async () => {
-					try {
-						poster = await decryptImageUrl(poster);
-					} catch {
-						console.warn("解码post失败");
-					}
-				})()
-			]);
-			if (isCancelled()) return;
-			const src = await resolvedSrcPromise;
-			if (isCancelled()) return;
-			const finalSrc = src || fallbackSrc;
-			let mountEl = videoBoxRef.current;
-			if (!mountEl || !mountEl.isConnected) for (let retry = 0; retry < 10; retry += 1) {
-				if (isCancelled()) return;
-				await new Promise((resolve) => {
-					window.setTimeout(() => resolve(), 16);
-				});
-				mountEl = videoBoxRef.current;
-				if (mountEl && mountEl.isConnected) break;
-			}
-			if (!mountEl || !mountEl.isConnected || isCancelled()) return;
-			const PlayerCtor = xg.default ?? xg;
-			const Events = xg.Events;
-			const HlsPlugin = hls ? hls.default ?? hls : null;
-			const plugins = shouldUseHlsPlugin && HlsPlugin ? [...videoConfig.plugins, HlsPlugin] : videoConfig.plugins;
-			const resolvedHlsConfig = shouldUseHlsPlugin ? {
-				preloadTime: 15,
-				bufferBehind: 5,
-				keepStatusAfterSwitch: true
-			} : void 0;
-			videoRef.current = new PlayerCtor({
-				...videoConfig,
-				lang: playerLang,
-				el: mountEl,
-				videoFillMode: "contain",
-				url: finalSrc,
-				poster,
-				playbackRate: { list: [
-					.75,
-					1,
-					1.25,
-					1.5,
-					1.75,
-					2
-				] },
-				plugins,
-				...resolvedHlsConfig ? { hls: resolvedHlsConfig } : {},
-				miniprogress: true,
-				definition: { list: hlsList?.map((item) => {
-					return {
-						text: `${item.text}`,
-						url: buildVideoPlayerSrc(item.url),
-						definition: `${item.definition}`
-					};
-				}) },
-				fullscreen: { useScreenOrientation: true },
-				...mergeConfig
-			});
-			videoRef.current.on(Events.REPLAY, () => {
-				hasStartPlayReport.current = false;
-			});
-			videoRef.current.on(Events.WAITING, () => {
-				console.log("~视频缓冲中，可能出现卡顿~");
-			});
-			videoRef.current.on(Events.STALLED, () => {
-				console.log("~播放停滞，网络连接问题~");
-			});
-			videoRef.current.on(Events.LOADING, () => {
-				console.log("~正在加载数据~");
-			});
-			videoRef.current.on(Events.LOADED_DATA, () => {
-				clearRetryLoadingState(videoRef.current);
-			});
-			videoRef.current.on(Events.CANPLAY, () => {
-				clearRetryLoadingState(videoRef.current);
-			});
-			videoRef.current.on(Events.PLAYING, () => {
-				clearRetryLoadingState(videoRef.current);
-			});
-			/**
-			* 播放器重试重建，覆盖 ERROR/FPS_STUCK 两类故障入口。
-			*/
-			const scheduleRetryReload = (failureType) => {
-				const player = videoRef.current;
-				if (isCancelled() || !player) return false;
-				if (retryCountRef.current >= 3) return false;
-				if (retryTimerRef.current) {
-					applyRetryLoadingState(player);
-					return true;
-				}
-				const retryResumeState = prepareRetryResumeState({
-					failureType,
-					player,
-					renderedMediaTime: 0
-				});
-				retryResumeTimeRef.current = retryResumeState.time;
-				retryResumePlaybackRef.current = retryResumeState.shouldPlay;
-				retryRecoverStartTimeRef.current = null;
-				retryCountRef.current += 1;
-				const attempt = retryCountRef.current;
-				const delayMs = getRetryDelayMs(attempt);
-				applyRetryLoadingState(player);
-				const failureText = failureType === "fps_stuck" ? "画面卡顿" : "失败";
-				console.warn(`~ 播放${failureText}，${delayMs}ms 后进行第 ${attempt} 次重试加载 ~`);
-				retryTimerRef.current = window.setTimeout(() => {
-					retryTimerRef.current = null;
-					if (isCancelled()) return;
-					destroyCurrentPlayer();
-					initVideoPlayer(() => cancelledRef.current, () => onPlayerReadyRef.current?.(), (visible) => onControlsVisibilityChangeRef.current?.(visible));
-				}, delayMs);
-				return true;
-			};
-			videoRef.current.on(Events.FPS_STUCK, (payload) => {
-				console.log("~检测到帧率卡顿~", payload);
-				if (!shouldTriggerFpsStuckRecovery(payload)) return;
-				if (!scheduleRetryReload("fps_stuck")) restorePlayerErrorState(videoRef.current);
-			});
-			videoRef.current.on(Events.BUFFER_CHANGE, (bufferInfo) => {
-				console.log("~缓冲区状态变化:~", bufferInfo);
-			});
-			videoRef.current.on(Events.ERROR, (error) => {
-				const errorMessage = String(error && (error.message || error.msg || error.error?.message) || error || "");
-				const player = videoRef.current;
-				if (!player) return;
-				if (shouldUseHlsPlugin && /SourceBuffer is full|QuotaExceeded/i.test(errorMessage)) {
-					if (isCancelled()) return;
-					if (quotaRecoveringRef.current) return;
-					quotaRecoveringRef.current = true;
-					window.setTimeout(() => {
-						quotaRecoveringRef.current = false;
-					}, 2e3);
-					try {
-						const currentTime = Number(player?.currentTime || 0);
-						((player?.getPlugin?.("hls"))?.core)?._bufferService?.removeBuffer?.(0, Math.max(0, currentTime - 5)).catch?.(() => {});
-						const url = player?.config?.url;
-						if (typeof player?.switchURL === "function" && typeof url === "string" && url) {
-							applyRetryLoadingState(player);
-							player.switchURL(url, {
-								currentTime,
-								seamless: false
-							}).catch(() => {
-								if (!scheduleRetryReload("error")) restorePlayerErrorState(player);
-							});
-							return;
-						}
-					} catch {}
-				}
-				if (!scheduleRetryReload("error")) restorePlayerErrorState(player);
-			});
-			videoRef.current.on(Events.PLAY, () => {
-				if (retryCountRef.current > 0) retryRecoverStartTimeRef.current = Number(videoRef.current?.currentTime || 0);
-				cleanupRetryTimer();
-				clearRetryLoadingState(videoRef.current);
-				window.sensors?.track("player_start", {
-					object_id: parentId || plyerId || "",
-					play_session_id: parentId || plyerId,
-					start_type: "播放",
-					start_position: 0,
-					duration: videoRef.current.duration,
-					definition: resolution,
-					playback_rate: videoRef.current.playbackRate
-				});
-				pauseOtherVideos(uniqueId, videoRef.current);
-				if (!hasStartPlayReport.current) {
-					apiReportPlay();
-					hasStartPlayReport.current = true;
-				}
-				onPlay?.();
-			});
-			videoRef.current.on(Events.FULLSCREEN_CHANGE, (flag) => {
-				window.sensors?.track("player_fullscreen_toggle", {
-					object_id: parentId || plyerId || "",
-					play_session_id: parentId || plyerId || "",
-					action: flag ? "全屏" : "退出全屏"
-				});
-				isfullscreen.current = flag;
-			});
-			videoRef.current.on(Events.SEEKING, () => {
-				isSeeked.current = true;
-			});
-			videoRef.current.on(Events.SEEKED, () => {
-				isSeeked.current = false;
-			});
-			/**
-			* 向外同步当前播放进度。
-			* 仅要求 currentTime>0，避免某些流在 duration 尚未稳定时丢失进度上报。
-			*/
-			const emitProgressSnapshot = () => {
-				if (!onProgressUpdate || !videoRef.current) return;
-				const currentTime = Number(videoRef.current.currentTime || 0);
-				if (currentTime <= 0) return;
-				const duration = Number(videoRef.current.duration || 0);
-				onProgressUpdate(currentTime, duration > 0 ? duration : 0);
-			};
-			videoRef.current.on(Events.PAUSE, () => {
-				window.sensors?.track("player_pause", {
-					object_id: parentId || plyerId || "",
-					play_session_id: parentId || plyerId || "",
-					pause_position: videoRef.current.currentTime,
-					cumulative_time: videoRef.current.duration
-				});
-				emitProgressSnapshot();
-				onPause?.();
-			});
-			videoRef.current.on(Events.ENDED, () => {
-				window.sensors?.track("player_end", {
-					object_id: parentId || plyerId || "",
-					play_session_id: parentId || plyerId || "",
-					end_position: videoRef.current.currentTime,
-					cumulative_time: videoRef.current.duration,
-					end_type: "播放结束",
-					is_finish: videoRef.current.currentTime === videoRef.current.duration
-				});
-				emitProgressSnapshot();
-				onEnded?.();
-				if (onVideoEnded) onVideoEnded();
-			});
-			videoRef.current.on(Events.RATE_CHANGE, () => {
-				window.sensors?.track("player_rate_change", {
-					object_id: parentId || plyerId || "",
-					play_session_id: parentId || plyerId || "",
-					old_rate: playbackRate.current,
-					new_rate: videoRef.current.playbackRate
-				});
-				playbackRate.current = videoRef.current.playbackRate;
-			});
-			videoRef.current.on(Events.DEFINITION_CHANGE, () => {
-				window.sensors?.track("player_definition_change", {
-					object_id: parentId || plyerId || "",
-					play_session_id: parentId || plyerId || "",
-					old_def: resolution,
-					new_def: videoRef.current.definition
-				});
-			});
-			videoRef.current.on(Events.TIME_UPDATE, () => {
-				if (!videoRef.current) return;
-				if (retryCountRef.current > 0 && retryRecoverStartTimeRef.current !== null) {
-					if (Number(videoRef.current.currentTime || 0) - retryRecoverStartTimeRef.current >= RETRY_RECOVERED_MIN_PLAY_SECONDS) {
-						retryCountRef.current = 0;
-						retryRecoverStartTimeRef.current = null;
-					}
-				}
-				emitProgressSnapshot();
-			});
-			const setStartTime = () => {
-				if (!videoRef.current) return;
-				const latestMergeConfig = mergeConfigRef.current || {};
-				const duration = Number(videoRef.current.duration || 0);
-				if (duration <= 0) return;
-				const retryResumeTime = retryResumeTimeRef.current;
-				if (retryResumeTime !== null && retryResumeTime > 0) {
-					const maxResumeTime = Math.max(0, duration - RETRY_RESUME_END_GAP_SECONDS);
-					const safeResumeTime = Math.min(maxResumeTime > 0 ? maxResumeTime : duration, retryResumeTime);
-					videoRef.current.currentTime = safeResumeTime;
-					retryResumeTimeRef.current = null;
-					return;
-				}
-				const startTimeSeconds = Number(latestMergeConfig.startTimeSeconds || 0);
-				if (startTimeSeconds > 0) {
-					const safeStartTime = Math.min(duration, startTimeSeconds);
-					videoRef.current.currentTime = safeStartTime;
-					return;
-				}
-				if (latestMergeConfig.startPercent !== void 0 && latestMergeConfig.startPercent > 0) {
-					const calculatedStartTime = latestMergeConfig.startPercent / 100 * duration;
-					videoRef.current.currentTime = Math.min(duration, calculatedStartTime);
-				}
-			};
-			videoRef.current.once("loadedmetadata", () => {
-				setStartTime();
-			});
-			videoRef.current.once("ready", () => {
-				isPlayerReadyRef.current = true;
-				if (videoRef.current && videoRef.current.duration > 0) setStartTime();
-				const retryResumePlayback = retryResumePlaybackRef.current;
-				retryResumePlaybackRef.current = null;
-				if (retryResumePlayback === true) videoRef.current?.play?.().catch(() => {});
-				else if (retryResumePlayback === false) videoRef.current?.pause?.();
-				registerVideo(uniqueId, videoRef.current);
-				if (onPlayerReadyCallback) onPlayerReadyCallback();
-				if (onControlsVisibilityChangeCallback) {
-					cleanupControlsObserver();
-					controlsObserverTimerRef.current = window.setTimeout(() => {
-						if (isCancelled()) return;
-						const playerRoot = videoRef.current?.root;
-						if (!playerRoot) return;
-						const controlsObserver = new MutationObserver((mutations) => {
-							mutations.forEach((mutation) => {
-								if (mutation.type === "attributes" && mutation.attributeName === "class") onControlsVisibilityChangeCallback(!mutation.target.classList.contains("xgplayer-inactive"));
-							});
-						});
-						controlsObserverRef.current = controlsObserver;
-						controlsObserver.observe(playerRoot, {
-							attributes: true,
-							attributeFilter: ["class"]
-						});
-						onControlsVisibilityChangeCallback(!playerRoot.classList.contains("xgplayer-inactive"));
-					}, 33);
-				}
-				const el = videoRef.current.root;
-				let sx = 0;
-				const maskEl = videoRef.current.root.querySelector(".xgmask");
-				const { width: w, height: h } = parseResolution(resolution);
-				const width = w < h ? document.documentElement.clientWidth : document.documentElement.clientHeight;
-				const controlBar = controlBarRef.current;
-				if (controlBar && videoRef.current?.root && !videoRef.current.root.contains(controlBar)) videoRef.current.root.appendChild(controlBar);
-				el.addEventListener("touchstart", (e) => {
-					if (!isfullscreen.current) return;
-					const t = e.touches[0];
-					sx = t.clientX;
-					lastY.current = t.clientY;
-					hasExitedInitialArea.current = false;
-					currentVol.current = videoRef.current.volume;
-					const rgba = window.getComputedStyle(maskEl).backgroundColor;
-					currentBright.current = 1 - (Number.parseFloat(rgba.split(",")[3]) || 0);
-				}, { passive: false });
-				el.addEventListener("touchmove", (e) => {
-					if (!isfullscreen.current) return;
-					e.preventDefault();
-					const t = e.touches[0];
-					const dx = t.clientX - sx;
-					const currentY = t.clientY;
-					if (Math.abs(dx) > AREAOFFSET || isSeeked.current) {
-						hasExitedInitialArea.current = true;
-						hideAllControls();
-						return;
-					}
-					if (hasExitedInitialArea.current) {
-						hideAllControls();
-						return;
-					}
-					if (Math.abs(currentY - lastY.current) > 6) {
-						const now = Date.now();
-						if (now - lastUpdateTime.current < 16) return;
-						lastUpdateTime.current = now;
-						const isSwipeUp = currentY < lastY.current;
-						lastY.current = currentY;
-						const currentX = t.clientX;
-						const isStartInLeftArea = sx < width * LEFT_AREA_PERCENTAGE;
-						const isStartInRightArea = sx > width * RIGHT_AREA_PERCENTAGE;
-						if (!isStartInLeftArea && !isStartInRightArea) {
-							hideAllControls();
-							return;
-						}
-						const isCurrentInLeftArea = currentX < width * LEFT_AREA_PERCENTAGE;
-						const isCurrentInRightArea = currentX > width * RIGHT_AREA_PERCENTAGE;
-						if (isStartInLeftArea && !isCurrentInLeftArea) {
-							hasExitedInitialArea.current = true;
-							hideAllControls();
-							return;
-						}
-						if (isStartInRightArea && !isCurrentInRightArea) {
-							hasExitedInitialArea.current = true;
-							hideAllControls();
-							return;
-						}
-						if (isStartInLeftArea && isCurrentInLeftArea) updateBrightness(isSwipeUp);
-						else if (isStartInRightArea && isCurrentInRightArea) updateVolume(isSwipeUp);
-						else hideAllControls();
-					}
-				}, { passive: false });
-				function hideAllControls() {
-					if (brightContainerRef.current) brightContainerRef.current.style.visibility = "hidden";
-					if (volumeContainerRef.current) volumeContainerRef.current.style.visibility = "hidden";
-				}
-				function updateBrightness(isSwipeUp) {
-					const delta = isSwipeUp ? STEP_SIZE : -STEP_SIZE;
-					currentBright.current = Math.max(0, Math.min(1, currentBright.current + delta));
-					if (brightContainerRef.current) brightContainerRef.current.style.visibility = "visible";
-					if (volumeContainerRef.current) volumeContainerRef.current.style.visibility = "hidden";
-					if (brightBarRef.current) brightBarRef.current.style.transform = `scaleY(${currentBright.current})`;
-					const alpha = 1 - currentBright.current;
-					maskEl.style.cssText = `
-          background-color: rgba(0,0,0,${alpha.toFixed(3)});
+"use client";import{generateUUID as e,parseResolution as t}from"../../../utils/common.mjs";import{decryptImageUrl as n}from"../../../utils/decrypt-image-client.mjs";import{RETRY_RECOVERED_MIN_PLAY_SECONDS as r,buildVideoPlayerSrc as i,isM3u8VideoUrl as a,resolveVideoPlayerSrc as o}from"./process-m3u8-cache.mjs";import{apiCollectCustom as s}from"../../../utils/api-collect.mjs";import{videoConfig as c}from"./create-video.mjs";import{RETRY_RESUME_END_GAP_SECONDS as l,pauseOtherVideos as u,prepareRetryResumeState as d,registerVideo as ee,shouldTriggerFpsStuckRecovery as te,unregisterVideo as f}from"./playing-videos.mjs";import p from"./style.module.mjs";import{useCallback as m,useEffect as h,useImperativeHandle as ne,useRef as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import y from"next/image";import{useLocale as re}from"next-intl";async function ie(){await import(`xgplayer/dist/index.min.css`)}const ae=[],oe={},b=10*1e3;function x({className:s=``,parentId:x=``,plyerId:S=``,videoUrl:C=``,poster:se=``,resolution:w,hlsList:ce=ae,mergeConfig:T=oe,onProgressUpdate:le,onVideoEnded:ue,onPlay:de,onPause:fe,onEnded:pe,onPlayerReady:E,onControlsVisibilityChange:me,ref:he}){let ge=re()===`en`?`en`:`zh-cn`,D=g(e()).current,O=g(1),k=g(1),A=g(0),_e=g(0),j=g(null),ve=g(null),M=g(!1),ye=g(!1),be=g(1),N=g(null),xe=g(null),Se=g(!1),P=g(0),F=g(null),I=g(null),L=g(!1),R=g(null),z=g(null),B=g(null),V=g(!1),Ce=g(!1),H=g(!1),U=g(!1),we=g(T),W=m(()=>{xe.current&&=(window.clearTimeout(xe.current),null),N.current&&=(N.current.disconnect(),null)},[]),G=m(()=>{F.current&&=(window.clearTimeout(F.current),null)},[]),K=m(()=>{I.current&&=(window.clearTimeout(I.current),null)},[]),q=m(e=>{let t=L.current||I.current!==null;if(L.current=!1,K(),!(!t||!e))try{e.removeClass?.(`xgplayer-isloading`),e.getPlugin?.(`loading`)?.hide?.()}catch{}},[K]),J=m(e=>{if(q(e),e)try{e.addClass?.(`xgplayer-is-error`),e.getPlugin?.(`error`)?.show?.()}catch{}},[q]),Te=m(e=>{if(e){L.current=!0,K();try{e.removeClass?.(`xgplayer-is-error`),e.addClass?.(`xgplayer-isloading`),e.getPlugin?.(`error`)?.hide?.(),e.getPlugin?.(`loading`)?.show?.()}catch{}I.current=window.setTimeout(()=>{I.current=null,!(V.current||!L.current)&&(G(),R.current=null,P.current=3,J(j.current||e),console.warn(`~ 播放器加载超过 ${b}ms，已回退失败态，请手动刷新 ~`))},b)}},[K,G,J]),Ee=m(()=>{W(),K(),L.current=!1,f(D),H.current=!1,R.current=null,j.current&&=(j.current.offAll(),j.current.destroy(),null)},[W,K,D]);ne(he,()=>({enterFullscreen:()=>{j.current.getPlugin(`fullscreen`).handleFullscreen()},isFullscreen:()=>M.current,isPlayerReady:()=>H.current&&!!j.current,getPlayer:()=>j.current}),[]);let Y=g(null),X=g(null),De=g(null),Z=g(null),Oe=g(null),ke=.3,Ae=.7,Q=.045,je=()=>i(C);function Me(e){return Math.min(4e3,500*2**(e-1))+Math.floor(Math.random()*200)}let Ne=async(e,s,f)=>{let p=je();if(!p)return;let m=o(C),h=a(C)||(ce?.length??0)>0;try{await ie();let[a,o]=await Promise.all([import(`xgplayer`),h?import(`xgplayer-hls`):Promise.resolve(null),(async()=>{try{se=await n(se)}catch{console.warn(`解码post失败`)}})()]);if(e())return;let ne=await m;if(e())return;let g=ne||p,_=ve.current;if(!_||!_.isConnected)for(let t=0;t<10;t+=1){if(e())return;if(await new Promise(e=>{window.setTimeout(()=>e(),16)}),_=ve.current,_&&_.isConnected)break}if(!_||!_.isConnected||e())return;let v=a.default??a,y=a.Events,re=o?o.default??o:null,ae=h&&re?[...c.plugins,re]:c.plugins,oe=h?{preloadTime:15,bufferBehind:5,keepStatusAfterSwitch:!0}:void 0;j.current=new v({...c,lang:ge,el:_,videoFillMode:`contain`,url:g,poster:se,playbackRate:{list:[.75,1,1.25,1.5,1.75,2]},plugins:ae,...oe?{hls:oe}:{},miniprogress:!0,definition:{list:ce?.map(e=>({text:`${e.text}`,url:i(e.url),definition:`${e.definition}`}))},fullscreen:{useScreenOrientation:!0},...T}),j.current.on(y.REPLAY,()=>{Ce.current=!1}),j.current.on(y.WAITING,()=>{console.log(`~视频缓冲中，可能出现卡顿~`)}),j.current.on(y.STALLED,()=>{console.log(`~播放停滞，网络连接问题~`)}),j.current.on(y.LOADING,()=>{console.log(`~正在加载数据~`)}),j.current.on(y.LOADED_DATA,()=>{q(j.current)}),j.current.on(y.CANPLAY,()=>{q(j.current)}),j.current.on(y.PLAYING,()=>{q(j.current)});let b=t=>{let n=j.current;if(e()||!n||P.current>=3)return!1;if(F.current)return Te(n),!0;let r=d({failureType:t,player:n,renderedMediaTime:0});z.current=r.time,B.current=r.shouldPlay,R.current=null,P.current+=1;let i=P.current,a=Me(i);Te(n);let o=t===`fps_stuck`?`画面卡顿`:`失败`;return console.warn(`~ 播放${o}，${a}ms 后进行第 ${i} 次重试加载 ~`),F.current=window.setTimeout(()=>{F.current=null,!e()&&(Ee(),Ne(()=>V.current,()=>Fe.current?.(),e=>$.current?.(e)))},a),!0};j.current.on(y.FPS_STUCK,e=>{console.log(`~检测到帧率卡顿~`,e),te(e)&&(b(`fps_stuck`)||J(j.current))}),j.current.on(y.BUFFER_CHANGE,e=>{console.log(`~缓冲区状态变化:~`,e)}),j.current.on(y.ERROR,t=>{let n=String(t&&(t.message||t.msg||t.error?.message)||t||``),r=j.current;if(r){if(h&&/SourceBuffer is full|QuotaExceeded/i.test(n)){if(e()||Se.current)return;Se.current=!0,window.setTimeout(()=>{Se.current=!1},2e3);try{let e=Number(r?.currentTime||0);(r?.getPlugin?.(`hls`)?.core)?._bufferService?.removeBuffer?.(0,Math.max(0,e-5)).catch?.(()=>{});let t=r?.config?.url;if(typeof r?.switchURL==`function`&&typeof t==`string`&&t){Te(r),r.switchURL(t,{currentTime:e,seamless:!1}).catch(()=>{b(`error`)||J(r)});return}}catch{}}b(`error`)||J(r)}}),j.current.on(y.PLAY,()=>{P.current>0&&(R.current=Number(j.current?.currentTime||0)),G(),q(j.current),window.sensors?.track(`player_start`,{object_id:x||S||``,play_session_id:x||S,start_type:`播放`,start_position:0,duration:j.current.duration,definition:w,playback_rate:j.current.playbackRate}),u(D,j.current),Ce.current||=(Pe(),!0),de?.()}),j.current.on(y.FULLSCREEN_CHANGE,e=>{window.sensors?.track(`player_fullscreen_toggle`,{object_id:x||S||``,play_session_id:x||S||``,action:e?`全屏`:`退出全屏`}),M.current=e}),j.current.on(y.SEEKING,()=>{ye.current=!0}),j.current.on(y.SEEKED,()=>{ye.current=!1});let C=()=>{if(!le||!j.current)return;let e=Number(j.current.currentTime||0);if(e<=0)return;let t=Number(j.current.duration||0);le(e,t>0?t:0)};j.current.on(y.PAUSE,()=>{window.sensors?.track(`player_pause`,{object_id:x||S||``,play_session_id:x||S||``,pause_position:j.current.currentTime,cumulative_time:j.current.duration}),C(),fe?.()}),j.current.on(y.ENDED,()=>{window.sensors?.track(`player_end`,{object_id:x||S||``,play_session_id:x||S||``,end_position:j.current.currentTime,cumulative_time:j.current.duration,end_type:`播放结束`,is_finish:j.current.currentTime===j.current.duration}),C(),pe?.(),ue&&ue()}),j.current.on(y.RATE_CHANGE,()=>{window.sensors?.track(`player_rate_change`,{object_id:x||S||``,play_session_id:x||S||``,old_rate:be.current,new_rate:j.current.playbackRate}),be.current=j.current.playbackRate}),j.current.on(y.DEFINITION_CHANGE,()=>{window.sensors?.track(`player_definition_change`,{object_id:x||S||``,play_session_id:x||S||``,old_def:w,new_def:j.current.definition})}),j.current.on(y.TIME_UPDATE,()=>{j.current&&(P.current>0&&R.current!==null&&Number(j.current.currentTime||0)-R.current>=r&&(P.current=0,R.current=null),C())});let E=()=>{if(!j.current)return;let e=we.current||{},t=Number(j.current.duration||0);if(t<=0)return;let n=z.current;if(n!==null&&n>0){let e=Math.max(0,t-l),r=Math.min(e>0?e:t,n);j.current.currentTime=r,z.current=null;return}let r=Number(e.startTimeSeconds||0);if(r>0){let e=Math.min(t,r);j.current.currentTime=e;return}if(e.startPercent!==void 0&&e.startPercent>0){let n=e.startPercent/100*t;j.current.currentTime=Math.min(t,n)}};j.current.once(`loadedmetadata`,()=>{E()}),j.current.once(`ready`,()=>{H.current=!0,j.current&&j.current.duration>0&&E();let n=B.current;B.current=null,n===!0?j.current?.play?.().catch(()=>{}):n===!1&&j.current?.pause?.(),ee(D,j.current),s&&s(),f&&(W(),xe.current=window.setTimeout(()=>{if(e())return;let t=j.current?.root;if(!t)return;let n=new MutationObserver(e=>{e.forEach(e=>{e.type===`attributes`&&e.attributeName===`class`&&f(!e.target.classList.contains(`xgplayer-inactive`))})});N.current=n,n.observe(t,{attributes:!0,attributeFilter:[`class`]}),f(!t.classList.contains(`xgplayer-inactive`))},33));let r=j.current.root,i=0,a=j.current.root.querySelector(`.xgmask`),{width:o,height:c}=t(w),l=o<c?document.documentElement.clientWidth:document.documentElement.clientHeight,u=Oe.current;u&&j.current?.root&&!j.current.root.contains(u)&&j.current.root.appendChild(u),r.addEventListener(`touchstart`,e=>{if(!M.current)return;let t=e.touches[0];i=t.clientX,A.current=t.clientY,U.current=!1,k.current=j.current.volume;let n=window.getComputedStyle(a).backgroundColor;O.current=1-(Number.parseFloat(n.split(`,`)[3])||0)},{passive:!1}),r.addEventListener(`touchmove`,e=>{if(!M.current)return;e.preventDefault();let t=e.touches[0],n=t.clientX-i,r=t.clientY;if(Math.abs(n)>50||ye.current){U.current=!0,d();return}if(U.current){d();return}if(Math.abs(r-A.current)>6){let e=Date.now();if(e-_e.current<16)return;_e.current=e;let n=r<A.current;A.current=r;let a=t.clientX,o=i<l*ke,s=i>l*Ae;if(!o&&!s){d();return}let c=a<l*ke,u=a>l*Ae;if(o&&!c){U.current=!0,d();return}if(s&&!u){U.current=!0,d();return}o&&c?te(n):s&&u?p(n):d()}},{passive:!1});function d(){Y.current&&(Y.current.style.visibility=`hidden`),X.current&&(X.current.style.visibility=`hidden`)}function te(e){let t=e?Q:-Q;O.current=Math.max(0,Math.min(1,O.current+t)),Y.current&&(Y.current.style.visibility=`visible`),X.current&&(X.current.style.visibility=`hidden`),De.current&&(De.current.style.transform=`scaleY(${O.current})`);let n=1-O.current;a.style.cssText=`
+          background-color: rgba(0,0,0,${n.toFixed(3)});
           will-change: background-color;
           transform: translateZ(0);
-        `;
-				}
-				function updateVolume(isSwipeUp) {
-					const delta = isSwipeUp ? STEP_SIZE : -STEP_SIZE;
-					currentVol.current = Math.max(0, Math.min(1, currentVol.current + delta));
-					videoRef.current.volume = currentVol.current;
-					if (volumeContainerRef.current) volumeContainerRef.current.style.visibility = "visible";
-					if (brightContainerRef.current) brightContainerRef.current.style.visibility = "hidden";
-					if (volumeBarRef.current) volumeBarRef.current.style.transform = `scaleY(${currentVol.current})`;
-				}
-				el.addEventListener("touchend", () => {
-					if (!isfullscreen.current) return;
-					setTimeout(() => {
-						hideAllControls();
-					}, 800);
-				});
-			});
-		} catch (error) {
-			if (!isCancelled()) console.error("初始化播放器失败", error);
-		}
-	};
-	const apiReportPlay = useCallback(() => {
-		try {
-			if (plyerId) /* @__PURE__ */ apiCollectCustom({
-				contentId: parentId || plyerId,
-				custom: "play_cnt"
-			});
-		} catch (error) {
-			console.error("上报API-PLAY行为错误", error);
-		}
-	}, [parentId, plyerId]);
-	const onPlayerReadyRef = useRef(onPlayerReady);
-	const onControlsVisibilityChangeRef = useRef(onControlsVisibilityChange);
-	onPlayerReadyRef.current = onPlayerReady;
-	onControlsVisibilityChangeRef.current = onControlsVisibilityChange;
-	mergeConfigRef.current = mergeConfig;
-	useEffect(() => {
-		cancelledRef.current = false;
-		retryCountRef.current = 0;
-		retryRecoverStartTimeRef.current = null;
-		retryResumeTimeRef.current = null;
-		retryResumePlaybackRef.current = null;
-		isRetryLoadingRef.current = false;
-		cleanupRetryTimer();
-		cleanupRetryLoadingTimeout();
-		initVideoPlayer(() => cancelledRef.current, () => onPlayerReadyRef.current?.(), (visible) => onControlsVisibilityChangeRef.current?.(visible));
-		window.webViewVideoData = { resolution };
-		return () => {
-			cancelledRef.current = true;
-			retryResumeTimeRef.current = null;
-			retryResumePlaybackRef.current = null;
-			cleanupRetryTimer();
-			cleanupRetryLoadingTimeout();
-			cleanupControlsObserver();
-			destroyCurrentPlayer();
-		};
-	}, [
-		playerLang,
-		plyerId,
-		uniqueId,
-		videoUrl
-	]);
-	useEffect(() => {
-		const startTimeSeconds = Number(mergeConfig?.startTimeSeconds || 0);
-		const startPercent = mergeConfig?.startPercent;
-		if (!isPlayerReadyRef.current || !videoRef.current) return;
-		const duration = Number(videoRef.current.duration || 0);
-		if (duration <= 0) return;
-		let targetTime = 0;
-		if (startTimeSeconds > 0) targetTime = Math.min(duration, startTimeSeconds);
-		else if (startPercent !== void 0 && startPercent > 0) targetTime = Math.min(duration, startPercent / 100 * duration);
-		else return;
-		const currentTime = videoRef.current.currentTime;
-		if (Math.abs(currentTime - targetTime) > 1) videoRef.current.currentTime = targetTime;
-	}, [mergeConfig?.startPercent, mergeConfig?.startTimeSeconds]);
-	if (!getSrc()) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: `w-full h-full relative ${style_module_default.videoBox} ${className}`,
-		children: [/* @__PURE__ */ jsx("div", {
-			ref: videoBoxRef,
-			className: "w-full h-full"
-		}), /* @__PURE__ */ jsxs("div", {
-			ref: controlBarRef,
-			children: [/* @__PURE__ */ jsxs("div", {
-				ref: brightContainerRef,
-				className: "w-[36px] h-[148px] bg-[rgba(51,51,51,0.5)] rounded-[50px] border border-[rgba(0,0,0,0.05)]\n            absolute left-[18px] top-[50%] translate-y-[-50%] flex flex-col items-center justify-center gap-[12px] z-50",
-				style: { visibility: "hidden" },
-				children: [/* @__PURE__ */ jsx(Image, {
-					src: "/svg/icon_jiazai_zhong.svg",
-					alt: "Icon",
-					width: 20,
-					height: 20
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "relative",
-					children: [/* @__PURE__ */ jsx("div", { className: "h-[92px] w-[4px] bg-[#000000] rounded-[8px]" }), /* @__PURE__ */ jsx("div", {
-						ref: brightBarRef,
-						className: "h-[92px] w-[4px] bg-[#fff] rounded-[8px] absolute bottom-0",
-						style: {
-							transformOrigin: "bottom",
-							transform: "scaleY(1)",
-							willChange: "transform",
-							backfaceVisibility: "hidden",
-							transition: "none"
-						}
-					})]
-				})]
-			}), /* @__PURE__ */ jsxs("div", {
-				ref: volumeContainerRef,
-				className: "w-[36px] h-[148px] bg-[rgba(51,51,51,0.5)] rounded-[50px] border border-[rgba(0,0,0,0.05)]\n            absolute right-[18px] top-[50%] translate-y-[-50%] flex flex-col items-center justify-center gap-[12px] z-50",
-				style: { visibility: "hidden" },
-				children: [/* @__PURE__ */ jsx(Image, {
-					src: "/svg/icon_shengyin_di.svg",
-					alt: "Icon",
-					width: 20,
-					height: 20
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "relative",
-					children: [/* @__PURE__ */ jsx("div", { className: "h-[92px] w-[4px] bg-[#000000] rounded-[8px]" }), /* @__PURE__ */ jsx("div", {
-						ref: volumeBarRef,
-						className: "h-[92px] w-[4px] bg-[#fff] rounded-[8px] absolute bottom-0",
-						style: {
-							transformOrigin: "bottom",
-							transform: "scaleY(1)",
-							willChange: "transform",
-							backfaceVisibility: "hidden",
-							transition: "none"
-						}
-					})]
-				})]
-			})]
-		})]
-	});
-}
-
-//#endregion
-export { CommonPlayer as default };
+        `}function p(e){let t=e?Q:-Q;k.current=Math.max(0,Math.min(1,k.current+t)),j.current.volume=k.current,X.current&&(X.current.style.visibility=`visible`),Y.current&&(Y.current.style.visibility=`hidden`),Z.current&&(Z.current.style.transform=`scaleY(${k.current})`)}r.addEventListener(`touchend`,()=>{M.current&&setTimeout(()=>{d()},800)})})}catch(t){e()||console.error(`初始化播放器失败`,t)}},Pe=m(()=>{},[x,S]),Fe=g(E),$=g(me);return Fe.current=E,$.current=me,we.current=T,h(()=>(V.current=!1,P.current=0,R.current=null,z.current=null,B.current=null,L.current=!1,G(),K(),Ne(()=>V.current,()=>Fe.current?.(),e=>$.current?.(e)),window.webViewVideoData={resolution:w},()=>{V.current=!0,z.current=null,B.current=null,G(),K(),W(),Ee()}),[ge,S,D,C]),h(()=>{let e=Number(T?.startTimeSeconds||0),t=T?.startPercent;if(!H.current||!j.current)return;let n=Number(j.current.duration||0);if(n<=0)return;let r=0;if(e>0)r=Math.min(n,e);else if(t!==void 0&&t>0)r=Math.min(n,t/100*n);else return;let i=j.current.currentTime;Math.abs(i-r)>1&&(j.current.currentTime=r)},[T?.startPercent,T?.startTimeSeconds]),je()?v(`div`,{className:`w-full h-full relative ${p.videoBox} ${s}`,children:[_(`div`,{ref:ve,className:`w-full h-full`}),v(`div`,{ref:Oe,children:[v(`div`,{ref:Y,className:`w-[36px] h-[148px] bg-[rgba(51,51,51,0.5)] rounded-[50px] border border-[rgba(0,0,0,0.05)]
+            absolute left-[18px] top-[50%] translate-y-[-50%] flex flex-col items-center justify-center gap-[12px] z-50`,style:{visibility:`hidden`},children:[_(y,{src:`/svg/icon_jiazai_zhong.svg`,alt:`Icon`,width:20,height:20}),v(`div`,{className:`relative`,children:[_(`div`,{className:`h-[92px] w-[4px] bg-[#000000] rounded-[8px]`}),_(`div`,{ref:De,className:`h-[92px] w-[4px] bg-[#fff] rounded-[8px] absolute bottom-0`,style:{transformOrigin:`bottom`,transform:`scaleY(1)`,willChange:`transform`,backfaceVisibility:`hidden`,transition:`none`}})]})]}),v(`div`,{ref:X,className:`w-[36px] h-[148px] bg-[rgba(51,51,51,0.5)] rounded-[50px] border border-[rgba(0,0,0,0.05)]
+            absolute right-[18px] top-[50%] translate-y-[-50%] flex flex-col items-center justify-center gap-[12px] z-50`,style:{visibility:`hidden`},children:[_(y,{src:`/svg/icon_shengyin_di.svg`,alt:`Icon`,width:20,height:20}),v(`div`,{className:`relative`,children:[_(`div`,{className:`h-[92px] w-[4px] bg-[#000000] rounded-[8px]`}),_(`div`,{ref:Z,className:`h-[92px] w-[4px] bg-[#fff] rounded-[8px] absolute bottom-0`,style:{transformOrigin:`bottom`,transform:`scaleY(1)`,willChange:`transform`,backfaceVisibility:`hidden`,transition:`none`}})]})]})]})]}):null}export{x as default};