diff --git a/src/components/mediaViewer/SeekLine.tsx b/src/components/mediaViewer/SeekLine.tsx index 77c7b205d..8bc900301 100644 --- a/src/components/mediaViewer/SeekLine.tsx +++ b/src/components/mediaViewer/SeekLine.tsx @@ -10,7 +10,7 @@ import useSignal from '../../hooks/useSignal'; import useCurrentTimeSignal from './hooks/currentTimeSignal'; import { captureEvents } from '../../util/captureEvents'; -import { IS_TOUCH_ENV, IS_VIDEO_PREVIEW_SUPPORTED } from '../../util/windowEnvironment'; +import { IS_TOUCH_ENV } from '../../util/windowEnvironment'; import buildClassName from '../../util/buildClassName'; import { formatMediaDuration } from '../../util/dateFormat'; import { clamp, round } from '../../util/math'; @@ -67,14 +67,13 @@ const SeekLine: React.FC = ({ }, [posterSize]); const setPreview = useLastCallback((time: number) => { - if (!IS_VIDEO_PREVIEW_SUPPORTED) return; time = Math.floor(time); setPreviewTime(time); renderVideoPreview(time); }); useEffect(() => { - if (!IS_VIDEO_PREVIEW_SUPPORTED || isPreviewDisabled || !url || !isReady) return undefined; + if (isPreviewDisabled || !url || !isReady) return undefined; return createVideoPreviews(url, previewCanvasRef.current!); }, [url, isReady, isPreviewDisabled]); diff --git a/src/util/launchMediaWorkers.ts b/src/util/launchMediaWorkers.ts index 4e425fe40..1724cbb0e 100644 --- a/src/util/launchMediaWorkers.ts +++ b/src/util/launchMediaWorkers.ts @@ -1,7 +1,7 @@ import type { MediaWorkerApi } from '../lib/mediaWorker/index.worker'; import type { Connector } from './PostMessageConnector'; -import { IS_VIDEO_PREVIEW_SUPPORTED } from './windowEnvironment'; +import { IS_TEST } from '../config'; import { createConnector } from './PostMessageConnector'; export const MAX_WORKERS = Math.min(navigator.hardwareConcurrency || 4, 4); @@ -12,7 +12,7 @@ let instances: { }[] | undefined; export default function launchMediaWorkers() { - if (!IS_VIDEO_PREVIEW_SUPPORTED) return []; + if (IS_TEST) return []; if (!instances) { instances = new Array(MAX_WORKERS).fill(undefined).map( () => { diff --git a/src/util/windowEnvironment.ts b/src/util/windowEnvironment.ts index ff067f4ce..8dced680e 100644 --- a/src/util/windowEnvironment.ts +++ b/src/util/windowEnvironment.ts @@ -78,7 +78,6 @@ export const IS_CANVAS_FILTER_SUPPORTED = ( export const IS_REQUEST_FULLSCREEN_SUPPORTED = 'requestFullscreen' in document.createElement('div'); export const ARE_CALLS_SUPPORTED = !navigator.userAgent.includes('Firefox'); export const LAYERS_ANIMATION_NAME = IS_ANDROID ? 'slideFade' : IS_IOS ? 'slideLayers' : 'pushSlide'; -export const IS_VIDEO_PREVIEW_SUPPORTED = !IS_TEST; const TEST_VIDEO = document.createElement('video'); // `canPlayType(VIDEO_MOV_TYPE)` returns false negative at least for macOS Chrome and iOS Safari