//開始讀取
const handleStart = debounce(() => {
        if (!isPlaying) {
            setIsPlaying(true);
            setTimeLeft(maxReadTime);
            setImgUrl(`${streamUrl}${streamUrl.includes("?") ? "&" : "?"}max_read_time=${maxReadTime}&_t=${Date.now()}`);
        }
    }, 500); 
//停止
   const stopStream = () => {
        setIsPlaying(false);

        if (imgRef.current) {
            imgRef.current.onerror = null; // ?? 移除舊監(jiān)聽，避免觸發(fā) SyntheticBaseEvent
            imgRef.current.src = ""; // 主動斷流
        }

        setTimeout(() => {
            if (isMountedRef.current) {
                setImgUrl(dkePoster);
            }
        }, 100);
//定時器相關(guān)
    useEffect(() => {
        if (!isPlaying) return;
        const timer = setInterval(() => {
            setTimeLeft((t) => {
                if (t <= 1) {
                    clearInterval(timer);
                    stopStream();
                    return 0;
                }
                return t - 1;
            });
        }, 1000);
        return () => clearInterval(timer);
    }, [isPlaying]);