Browser extension - Watch any video and capture it

Overview

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:

<video
  src="blob:<a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/80025a293e0da93897f7386b14df5d3b3e300cdaff767b765cc100bea93b2907/https%3A//somedomain.com/457f8e80-1092-4d03-9815-3e0fab05268b" rel="nofollow">https://somedomain.com/457f8e80-1092-4d03-9815-3e0fab05268b</a>"
&gt;&lt;/video&gt;

Or this

<video>
  <source
    src="blob:<a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/91df01d834f052bc7ef3f4217c750804013e70e9562aa551132b80803512e34c/https%3A//somedomain.com/d14a888e-c685-48b4-a127-aa78a626aef4" rel="nofollow">https://somedomain.com/d14a888e-c685-48b4-a127-aa78a626aef4</a>"
  /&gt;
&lt;/video&gt;

Or this

<audio
  src="blob:<a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/6b134771b5e43632ae27e2420226ee6eb07707b790cf66aa2278f937cbb324e3/https%3A//somedomain.com/48cdd6ed-a595-4ed9-9994-19322612d2f1" rel="nofollow">https://somedomain.com/48cdd6ed-a595-4ed9-9994-19322612d2f1</a>"
&gt;&lt;/audio&gt;

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