Watch Video & Capture

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`.