xstefen/OpenCut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding comments

Browse Source
This commit is contained in:
SamSyntax
2025-06-23 21:30:17 +02:00
parent 15800dae92
commit 1c6154999d
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
apps/web/src/components/editor/timeline.tsx
View File

@ -557,25 +557,25 @@ export function Timeline() {
{/* Playhead in ruler */} {/* Playhead in ruler */}
<div <div
className="absolute top-0 bottom-0 w-0.5 bg-red-500 cursor-ew-resize z-1000" className="absolute top-0 bottom-0 w-0.5 bg-red-500 cursor-ew-resize z-1000" // Remove pointer-events-none to allow dragging
style={{ left: `${currentTime * 50 * zoomLevel}px` }} style={{ left: `${currentTime * 50 * zoomLevel}px` }}
onMouseDown={(e) => { onMouseDown={(e) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
const handleMouseMove = (e: MouseEvent) => { const handleMouseMove = (e: MouseEvent) => {
const timeline = timelineRef.current; const timeline = timelineRef.current; // Get timeline element ref to track the position
if (!timeline) return; if (!timeline) return; // If no timeline element, exit
const rect = timeline.getBoundingClientRect(); const rect = timeline.getBoundingClientRect(); // Get the bounding rect of the timeline element
const mouseX = Math.max(0, e.clientX - rect.left); const mouseX = Math.max(0, e.clientX - rect.left); // Calculate the mouse position relative to the timeline element
const newTime = mouseX / (50 * zoomLevel); const newTime = mouseX / (50 * zoomLevel); // Calculate the time based on the mouse position
seek(newTime); seek(newTime); // Set the current time
}; };
const handleMouseUp = () => { const handleMouseUp = () => {
window.removeEventListener("mousemove", handleMouseMove); window.removeEventListener("mousemove", handleMouseMove); // Remove the mousemove event listener
window.removeEventListener("mouseup", handleMouseUp); window.removeEventListener("mouseup", handleMouseUp); // Remove the mouseup event listener
}; };
window.addEventListener("mousemove", handleMouseMove); window.addEventListener("mousemove", handleMouseMove); // Add the mousemove event listener
window.addEventListener("mouseup", handleMouseUp); window.addEventListener("mouseup", handleMouseUp); // Add the mouseup event listener
}} }}
> >
<div className="absolute top-1 left-1/2 transform -translate-x-1/2 w-3 h-3 bg-red-500 rounded-full border-2 border-white shadow-sm" /> <div className="absolute top-1 left-1/2 transform -translate-x-1/2 w-3 h-3 bg-red-500 rounded-full border-2 border-white shadow-sm" />