@@ -25,6 +25,17 @@ export function TimelapseViewer({ src, title, downloadFilename, onClose }: Timel
}
}, [playbackRate]);
+ // Close on Escape key
+ useEffect(() => {
+ const handleKeyDown = (e: KeyboardEvent) => {
+ if (e.key === 'Escape') {
+ onClose();
+ }
+ };
+ window.addEventListener('keydown', handleKeyDown);
+ return () => window.removeEventListener('keydown', handleKeyDown);
+ }, [onClose]);
+
useEffect(() => {
const video = videoRef.current;
if (!video) return;
@@ -7,7 +7,7 @@
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png" />
- <script type="module" crossorigin src="/assets/index-0UQnyYo8.js"></script>
+ <script type="module" crossorigin src="/assets/index-C2974G18.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DJNRCg8M.css">
</head>
<body>