VideoNote Clipper

Capture HTML5 video frames instantly and generate Markdown notes connected to the video timestamp.

VideoNote Clipper is your ultimate companion for learning from online videos, built especially for users who build their "second brain" in Obsidian. If you frequently watch tutorials, lectures, or coding streams and struggle to take visual notes efficiently, this extension is exactly what you need. It instantly captures high-quality frames from any HTML5 video player and automatically generates a Markdown-formatted note. Say goodbye to manual snipping tools and typing out timestamps! 🌐 Supported Platforms Works seamlessly on most standard HTML5 video players across the web. Whether you are extracting knowledge from YouTube tutorials, keeping up with Bilibili (哔哩哔哩) lectures, studying via Coursera and Udemy courses, or gaining insights from TED Talks and Vimeo, VideoNote Clipper integrates smoothly into your workflow without triggering keyword clutter. ✨ Why You Should Install It Ultimate Obsidian Workflow: Automatically generates standard Markdown text containing the image and a clickable video link. Paste it directly into Obsidian (or Notion/Logseq), and you will instantly see the screenshot alongside a link back to that exact video moment. Supercharge Your Learning: Capture critical moments (like code snippets, presentation slides, or complex charts) in a split second without interrupting your viewing flow. Zero Distractions: Designed to be lightweight, fast, and unobtrusive, so you can focus entirely on the content. 🚀 How To Use It Using VideoNote Clipper is incredibly simple. Once installed and pinned to your browser: Play a Video: Open any supported webpage playing an HTML5 video. Capture the Frame: Method 1 (Fastest): Simply press the global capture shortcut Alt + Shift + S while watching. Method 2: Click the extension icon to open the popup menu and click the "Capture Current Frame" button. Paste into Obsidian: The perfectly formatted Markdown (with the precise video timestamp link and the local image reference) is automatically copied to your clipboard. Just hit "Paste" in Obsidian, and your visual note is ready! ⚙️ Customization You can easily manage where your captured frames are saved by clicking the "Download Path Settings" button in the extension popup menu. This makes it easy to route images directly to your Obsidian attachments folder. 🎯 Who Is This For? Developers & Programmers: Instantly save code snippets from live coding streams or tutorials. Students & Researchers: Capture fast-moving lecture slides and automatically link them to the exact timeline for easy review. Video Creators: Quickly grab reference frames and timestamps for video breakdowns or scriptwriting.