Watch Video & Capture

Watch any video and capture it

This extension captures/copies video/audio segments when they are sent into `video`/`audio` (`HTMLVideoElement`/`HTMLAudioElement`/`HTMLSourceElement`). If you open `Web Developer Tools` and see `blob:http` in `url`: ```html <video src="blob:https://somedomain.com/457f8e80-1092-4d03-9815-3e0fab05268b" ></video> ``` Or this ```html <video> <source src="blob:https://somedomain.com/d14a888e-c685-48b4-a127-aa78a626aef4" /> </video> ``` Or this ```html <audio src="blob:https://somedomain.com/48cdd6ed-a595-4ed9-9994-19322612d2f1" ></audio> ``` In all above cases this extension should work. ## Steps to do (Quick start guide) - Install extension - Reload current page with video/audio that needs to be captured - Rewind the video/audio to the beginning, select preferred quality and click play - Watch/listen to the end - Open extension dialog, click on 💾 icon - You should see download modal - Click on `output` files video/audio if available - Merge downloaded video and audio into one file with external program (e.g. `ffmpeg -i output.mp4 -i output.m4a -map 0:v -map 1:a -c copy -shortest merged.mkv`) ## Caveats - Size of segments that can be stored in browser depends on the browser # How it works DOM `<source>` element in BOM is `HTMLSourceElement`. In most cases JavaScript code creates `MediaSource` and appends `SourceBuffer` segments. Extension patches above methods and saves captured segments into `IndexedDB`.