@funhub/platform 0.1.127 → 0.1.130

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

@@ -1,8 +1,713 @@
 
-"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)});
+'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)});
           will-change: background-color;
           transform: translateZ(0);
-        `}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};
+        `;
+				}
+				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 };