捕获并存储几秒钟的视频

Question

我正在尝试捕获视频流，并开始研究以下内容（来自此博客https://davidwalsh.name/browser-camera）

HTML代码

<video id="video" width="640" height="480" autoplay></video>

JS代码

// Grab elements, create settings, etc.
var video = document.getElementById('video');

// Get access to the camera!
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
    // Not adding `{ audio: true }` since we only want video now
    navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) {
        video.src = window.URL.createObjectURL(stream);
        video.play();
    });
}

我可以从这里拍摄照片（无论如何，我正在使用Jquery-Webcam插件）。

问题：按照上述技术，如何捕获50秒的视频流？并将其保存到磁盘？

我知道有第三方API（商业）存在于OpenTok之类的内容，但保留这些作为最后的手段。

有什么想法吗？请分享。也没有害羞，但我的JavaScript技能是相当初学者的水平，所以一个小的代码片段示例将非常感激，如果没有;指着我可以在哪里工作的文件;也会很棒。