refactor: logic

This commit is contained in:
kKaskak 2024-02-27 16:41:38 +02:00
parent a0796371de
commit abe42467ad

View file

@ -462,13 +462,16 @@ const Player = ({ urlParams, queryParams }) => {
}, []); }, []);
React.useEffect(() => { React.useEffect(() => {
const controlBarLayerHeight = Math.round((controlBarRef?.current?.offsetHeight / window?.innerHeight) * 100); let controlBarLayerHeight = Math.round((controlBarRef?.current?.offsetHeight / window?.innerHeight) * 100);
if(controlBarRef.current !== null && video.state.subtitlesOffset < controlBarLayerHeight && controlBarLayerHeight !== null) {
if(video.state.subtitlesOffset < controlBarLayerHeight / 2) {
if (immersed) controlBarLayerHeight = 0;
updateSettings({ subtitlesOffset: video.state.subtitlesOffset + controlBarLayerHeight }); updateSettings({ subtitlesOffset: video.state.subtitlesOffset + controlBarLayerHeight });
} else if (controlBarRef.current.offsetHeight === null || controlBarRef.current.offsetHeight === 0) { } else {
controlBarLayerHeight = Math.round((controlBarRef?.current?.offsetHeight / window?.innerHeight) * 100);
updateSettings({ subtitlesOffset: video.state.subtitlesOffset - controlBarLayerHeight }); updateSettings({ subtitlesOffset: video.state.subtitlesOffset - controlBarLayerHeight });
} }
}, [controlBarRef, video.state.subtitlesOffset]); }, [immersed]);
React.useLayoutEffect(() => { React.useLayoutEffect(() => {
const onKeyDown = (event) => { const onKeyDown = (event) => {