Yiannis Christodoulou d1745e6a1a Fix segment playback flow, icon consistency, dynamic popups, and iOS/desktop timeline issues
- Fixed segment and cutaway playback to properly stop at the end and resume correctly after user interaction
- Ensured playback continues seamlessly from cutaway to next segment when clicking Play
- Updated start and end bracket icons for both segment and cutaway popup menus to correct designs
- Fixed dynamic updates of popup menus when dragging segment boundaries past the playhead
- Fixed issue where deleting a segment did not trigger correct switch to cutaway popup menu
- Synced playback icons between popup menu and video controls under various playback scenarios
- Replaced browser-native unload confirmation with a custom, unified message to warn about unsaved edits
- Ensured timeline-based editing now works reliably on iPhone/iPad (iOS Safari)
- Fixed issue where clicking at the end of a cutaway area closed the popup and prevented re-opening on desktop browsers
2025-05-19 02:59:58 +03:00

30 lines
1.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<title>Video Editor</title>
<!-- Add meta tag to help iOS devices render as desktop -->
<script>
// Try to detect iOS
const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
if (isIOS) {
// Replace viewport meta tag with one optimized for desktop view
const viewportMeta = document.querySelector('meta[name="viewport"]');
if (viewportMeta) {
viewportMeta.setAttribute('content', 'width=1024, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');
}
// Add a class to the HTML element for iOS-specific styles
document.documentElement.classList.add('ios-device');
}
</script>
</head>
<body>
<div id="video-editor-trim-root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>