diff --git a/src/pages/developer/VideoTesterView.tsx b/src/pages/developer/VideoTesterView.tsx index 7c234c54..ce764b19 100644 --- a/src/pages/developer/VideoTesterView.tsx +++ b/src/pages/developer/VideoTesterView.tsx @@ -36,7 +36,7 @@ const streamTypes: Record = { }; export default function VideoTesterView() { - const { status, playMedia, setMeta } = usePlayer(); + const { status, playMedia, setMeta, reset } = usePlayer(); const [selected, setSelected] = useState("mp4"); const [inputSource, setInputSource] = useState(""); const [extensionState, setExtensionState] = @@ -236,6 +236,14 @@ export default function VideoTesterView() { } }, [playMedia, setMeta, extensionState]); + // player meta and streams cary over, so reset on mount + useEffect(() => { + if (status !== playerStatus.IDLE) { + reset(); + } + // eslint-disable-next-line react-hooks/exhaustive-deps + }, []); + return ( {status === playerStatus.IDLE ? (