Universal Screenshot-at-Timestamp Tool

WHAT IT DOES Universal Screenshot-at-Timestamp Tool captures perfect screenshots of any HTML5 video at the exact moment you specify. Simply enter a timestamp—in seconds, MM:SS, or HH:MM:SS format—and the extension seeks the video to that precise frame, renders it using the Canvas API, and presents you with a high-quality PNG or JPEG image. The screenshot captures the video at its native resolution, preserving detail and clarity. A preview panel displays the captured image, with download and copy-to-clipboard buttons for easy sharing or saving. The tool works with all video elements on the page, including dynamically loaded videos, and automatically detects multiple video sources. This is ideal for creating thumbnails, documenting video evidence, capturing memorable moments, or extracting reference frames from educational content. WHERE IT RUNS The extension works on every website with HTML5 video elements, including streaming platforms, online learning portals, video hosting services, social media sites, video conferencing tools, and any other page with embedded video content. It runs locally in your browser, processing video frames entirely client-side without sending any data to external servers. The extension supports all major browsers and adapts to both desktop and mobile viewports seamlessly. HOW TO USE After installation, click the extension toolbar icon to open the Screenshot-at-Timestamp panel. If there are multiple videos on the page, select the one you want to capture from the dropdown menu. Enter a timestamp in the input field—you can use seconds (e.g., "90"), MM:SS format (e.g., "1:30"), or HH:MM:SS format (e.g., "1:23:45"). Click "Capture Screenshot" and the video will seek to that time and display the captured frame in the preview area. From the preview, click "Download" to save the image as a PNG or JPEG file, or click "Copy" to copy the image data URL to your clipboard. Use "Current Time" to automatically fill the input with the video's current playback position. The tool remembers your preferred image format and JPEG quality settings across sessions. THE ACTUAL MECHANISM — CANVAS FRAME EXTRACTION WITH SEEK-EVENT PIPELINE The extension uses a three-stage capture process. First, it parses the user's timestamp input using a flexible parser that supports seconds, MM:SS, and HH:MM:SS formats, converting everything to seconds. Second, it seeks the video to the target time by setting the `currentTime` property. The extension listens for the `seeked` event, which fires when the video has successfully moved to the new time. To ensure the frame is fully rendered, it adds a small delay (50ms) after the `seeked` event before capturing. Third, it creates a Canvas element sized to the video's native dimensions (`video.videoWidth` and `video.videoHeight`) and uses `ctx.drawImage(video, 0, 0, canvas.width, canvas.height)` to render the current frame. The canvas is then exported using `canvas.toDataURL()` with the user's selected format (PNG or JPEG) and quality setting (for JPEG). The resulting data URL is displayed in the preview and made available for download (using a temporary `` element with the `download` attribute) or clipboard copy (using `GM_setClipboard`). All videos on the page are tracked in an `activeVideos` array, and a MutationObserver watches for dynamically added video elements. THE PANEL The settings panel is a lightweight, draggable overlay that appears in the center of your screen. You can reposition it by clicking and dragging the title bar; release it near the screen edge and it will snap into place automatically. To collapse the panel into a compact title bar, click the minimize button, expanding it again with the same control. The panel is fully responsive, adapting to different screen resolutions with a minimum width of 300px and a maximum of 480px. Press the Escape key at any time to dismiss the panel without applying changes. All controls—the enable/disable toggle, scan for videos button, video selection dropdown, timestamp input, capture button, current time button, format selector, JPEG quality setting, per-site settings, and the preview area—are accessible within a clean, high-contrast interface that respects your system's color scheme. PLEASE NOTE This extension requires the free BotGentz companion extension to be installed and active, which provides the underlying DOM access, clipboard, and storage engine. The extension captures frames using the Canvas API, which is subject to the same cross-origin restrictions as the video element—videos served from different domains may not be drawable to canvas. Some video players may buffer frames and require a short delay after seeking before the frame is fully rendered. No personal data, browsing history, or video content is ever collected, stored, or transmitted. All settings are saved using the browser's storage API and remain solely on your device. The extension does not inject ads, trackers, or analytics of any kind.