diff --git a/src/video/components/actions/CaptionRendererAction.tsx b/src/video/components/actions/CaptionRendererAction.tsx index 8858ee28..343bdbaf 100644 --- a/src/video/components/actions/CaptionRendererAction.tsx +++ b/src/video/components/actions/CaptionRendererAction.tsx @@ -5,6 +5,7 @@ import { ContentCaption } from "subsrt-ts/dist/types/handler"; import { parseSubtitles, sanitize } from "@/backend/helpers/captions"; import { Transition } from "@/components/Transition"; import { useSettings } from "@/state/settings"; +import { getPlayerState } from "@/video/state/cache"; import { useVideoPlayerDescriptor } from "../../state/hooks"; import { useProgress } from "../../state/logic/progress"; @@ -52,6 +53,7 @@ export function CaptionRendererAction({ const videoTime = useProgress(descriptor).time; const { captionSettings, setCaptionDelay } = useSettings(); const captions = useRef([]); + const casting = getPlayerState(descriptor).casting.isCasting; const captionSetRef = useRef<(delay: number) => void>(setCaptionDelay); useEffect(() => { @@ -96,6 +98,7 @@ export function CaptionRendererAction({ }, [] ); + if (casting) return null; if (!captions.current.length) return null; const visibileCaptions = captions.current.filter(({ start, end }) => isVisible(start, end, captionSettings.delay, videoTime) diff --git a/src/video/components/actions/ProgressAction.tsx b/src/video/components/actions/ProgressAction.tsx index 17e081e6..5d8f4682 100644 --- a/src/video/components/actions/ProgressAction.tsx +++ b/src/video/components/actions/ProgressAction.tsx @@ -22,6 +22,7 @@ export function ProgressAction() { const controlRef = useRef(controls); const [hoverPosition, setHoverPosition] = useState(0); const [isThumbnailVisible, setIsThumbnailVisible] = useState(false); + const casting = getPlayerState(descriptor).casting; const onMouseOver = useCallback((e: MouseActivity) => { setHoverPosition(e.clientX); setIsThumbnailVisible(true); @@ -106,7 +107,7 @@ export function ProgressAction() { - {isThumbnailVisible ? ( + {isThumbnailVisible && !casting ? ( console.log("Captions cleared"), + (error) => console.log(error) + ); + updateSource(descriptor, state); } },