Capture and attach videos to reported site issues (using the chrome.desktopCapture API, falling back to MediaRecorder and form[enctype="multipart/form-data"])

[cvan]

It'd be nice to support attaching a video (and ideally recording one directly from the browser).

1. Use the chrome.desktopCapture API to capture a web page (and/or the whole desktop screen) a video of the user.
   • Still allow users to upload videos when the chrome.desktopCapture API is unavailable (for example, in the case of Firefox extensions today) or when a screen capture has already been recorded (e.g., using my MediaRecorder-based WebExtension called "Cancorder", macOS' Quick Time Player, TechSmith's Jing, ScreenFlow for macOS, etc.).
   • Through the Uploadcare widget (such as this one), allow the user to attach a video to an reported site issue by uploading/dragging-and-dropping a video (that's been captured by chrome.desktopCapture, MediaRecorder (via Cancorder, possibly), or recorded by some other means).
2. When the video file has been processed by Uploadcare and the Uploadcare file-uploader widget (example), we get back a URL (served from an HTTPS-secure server, with CORS headers) which can then be attached to the issue (in the same way screenshots are attached to issues today).

The WebVR team can set up the server-side (Uploadcare) bits for hosting and serving the videos - and also possibly we could add the appropriate video logic to the proper extensions (based on each browser's platform/API support).

Let me know your team's thoughts and how we can help this. Many thanks!

---

Related links:

• https://developer.chrome.com/extensions/desktopCapture
• https://github.com/webcompat/webcompat-reporter-extensions/blob/878ac06/firefox/background.js#L16
• https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API
• https://mozdevs.github.io/MediaRecorder-examples/
• https://github.com/cvan/cancorder
• https://cdn.aframe.io/ (a simple form we use [and also provide for the community] for easily uploading large assets such as videos to a file storage service called Uploadcare)