admin/39948-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reduced flashlite after video transition

Browse Source
This commit is contained in:
Dmitri 2026-04-14 15:43:50 +04:00
parent 0da1c02b60
commit fc624c0700
3 changed files with 29 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/components/RuntimePresentation.tsx
View File

@ -330,17 +330,22 @@ export default function RuntimePresentation({
}, [selectedPage?.background_image_url, selectedPage?.background_video_url]);
// Video transition overlay removal - instant (no fade) when background is ready
// This ensures UI elements have time to appear before we remove the transition overlay
// Uses double RAF to ensure browser has painted the new background before removing overlay
useEffect(() => {
if (pendingTransitionComplete && isBackgroundReady) {
// Background is ready - instantly remove transition overlay (no fade)
const video = transitionVideoRef.current;
if (video) {
video.removeAttribute('src');
video.load();
}
setTransitionPreview(null);
setPendingTransitionComplete(false);
// Wait for paint cycle to complete before removing overlay
// Double RAF ensures the new background is fully rendered
requestAnimationFrame(() => {
requestAnimationFrame(() => {
const video = transitionVideoRef.current;
if (video) {
video.removeAttribute('src');
video.load();
}
setTransitionPreview(null);
setPendingTransitionComplete(false);
});
});
}
}, [pendingTransitionComplete, isBackgroundReady]);

2
frontend/src/lib/browserUtils.ts
View File

@ -53,7 +53,7 @@ export const getBrowserInfo = (): BrowserInfo => {
// iOS Safari detection
const isIOSSafari =
/iPad|iPhone|iPod/.test(ua) && !('MSStream' in window as unknown);
/iPad|iPhone|iPod/.test(ua) && !(('MSStream' in window) as unknown);
// Chrome detection (includes Chromium-based browsers except Edge)
const isChrome = /chrome/i.test(ua) && !/edg/i.test(ua);

23
frontend/src/pages/constructor.tsx
View File

@ -373,17 +373,22 @@ const ConstructorPage = ({ mode = 'constructor' }: ConstructorPageProps) => {
});
// Video transition overlay removal - instant (no fade) when background is ready
// This ensures UI elements have time to appear before we remove the transition overlay
// Uses double RAF to ensure browser has painted the new background before removing overlay
useEffect(() => {
if (pendingTransitionComplete && isBackgroundReady) {
// Background is ready - instantly remove transition overlay (no fade)
const video = transitionVideoRef.current;
if (video) {
video.removeAttribute('src');
video.load();
}
closeTransitionPreview();
setPendingTransitionComplete(false);
// Wait for paint cycle to complete before removing overlay
// Double RAF ensures the new background is fully rendered
requestAnimationFrame(() => {
requestAnimationFrame(() => {
const video = transitionVideoRef.current;
if (video) {
video.removeAttribute('src');
video.load();
}
closeTransitionPreview();
setPendingTransitionComplete(false);
});
});
}
}, [pendingTransitionComplete, isBackgroundReady, closeTransitionPreview]);