整体UI调整
This commit is contained in:
@@ -5,7 +5,6 @@ import type Player from "xgplayer";
|
||||
import type { IPlayerOptions } from "xgplayer";
|
||||
import "xgplayer/dist/index.min.css";
|
||||
|
||||
import { bindPlayerAnalytics } from "@/components/analytics/use-playback-analytics";
|
||||
import { useDecryptedSrc } from "@/hooks/use-decrypted-src";
|
||||
import { IMG_PLACEHOLDER } from "@/lib/image/decrypt";
|
||||
import { isHLSURL, nativeHLS, SHELL_BROWSER } from "@/lib/media/playback";
|
||||
@@ -63,8 +62,6 @@ type XgPlayerProps = {
|
||||
onPlaySuccess?: () => void;
|
||||
/** 当前集播放结束 */
|
||||
onEnded?: () => void;
|
||||
/** 播放埋点类型;不传则不上报播放行为 */
|
||||
analyticsKind?: "drama" | "video";
|
||||
/**
|
||||
* 进入页不自动播,需点播放按钮。
|
||||
* 默认 true;短剧连播下一集时可显式传 false。
|
||||
@@ -81,7 +78,6 @@ export function XgPlayer({
|
||||
onReady,
|
||||
onPlaySuccess,
|
||||
onEnded,
|
||||
analyticsKind,
|
||||
clickToPlay = true,
|
||||
}: XgPlayerProps) {
|
||||
const hostRef = useRef<HTMLDivElement>(null);
|
||||
@@ -105,7 +101,6 @@ export function XgPlayer({
|
||||
let player: Player | null = null;
|
||||
let cancelled = false;
|
||||
let playSucceeded = false;
|
||||
let unbindAnalytics: (() => void) | undefined;
|
||||
/** 用户点过播放后,不再拦截正常起播 */
|
||||
let userStarted = !clickToPlay;
|
||||
|
||||
@@ -230,12 +225,6 @@ export function XgPlayer({
|
||||
onEndedRef.current?.();
|
||||
});
|
||||
window.addEventListener("resize", syncZoom);
|
||||
if (analyticsKind) {
|
||||
unbindAnalytics = bindPlayerAnalytics(
|
||||
player as { media?: HTMLVideoElement | null },
|
||||
analyticsKind,
|
||||
);
|
||||
}
|
||||
if (playerRef) playerRef.current = player;
|
||||
onReadyRef.current?.(player);
|
||||
if (clickToPlay) {
|
||||
@@ -255,12 +244,11 @@ export function XgPlayer({
|
||||
|
||||
return () => {
|
||||
cancelled = true;
|
||||
unbindAnalytics?.();
|
||||
window.removeEventListener("resize", syncZoom);
|
||||
if (playerRef) playerRef.current = null;
|
||||
player?.destroy();
|
||||
};
|
||||
}, [src, posterSrc, playerRef, analyticsKind, clickToPlay]);
|
||||
}, [src, posterSrc, playerRef, clickToPlay]);
|
||||
|
||||
return <div data-component="xg-player" ref={hostRef} className={`xg-theme isolate ${className}`} />;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user