在Chrome中使用RecordRTC进行屏幕录制

Question

我正在尝试使用RecordRTC和此example.

在React应用中实现屏幕录制功能

基本知识是：

  var displaymediastreamconstraints = {
        video: true
    }
       navigator.mediaDevices.getDisplayMedia(displaymediastreamconstraints)
   .then(success).catch(error);

 ...
captureScreen(function(screen) {
video = document.getElementById('video-recorder')
video.srcObject = screen
recorder = new RecordRTC(screen, {
                type: 'video'
            })

}）

我正在接收MediaStream，但是当我停止记录时，它没有显示在video元素中，结果数据为空。记录图标显示在选项卡上，但不闪烁。

在demo中，红色的记录指示灯闪烁，并且视频显示在video元素中，因此不是浏览器。

我看到了提到的Chrome扩展程序，但是演示运行时没有运行任何扩展程序。

我尝试安装Adapter.js，因为这是我的代码示例可以看到的唯一差异

通过import adapter from 'webrtc-adapter'

但是我不确定它是否可用，我无法控制台日志window.adapter，但是adapter可用。