Запись экрана в Chrome с помощью RecordRTC

Question

Я пытаюсь реализовать функциональность записи экрана в приложении React, используя RecordRTC и этот пример.

Основы:

  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, однако он не отображается в элементе видео, когда я прекращаю запись, полученные данные пусты. Значок записи отображается на вкладке, но он не мигает.

В демоверсии мигает красный индикатор записи, и видео отображается в элементе видео, поэтому это не браузер.

Я видел упомянутое расширение Chrome, однако демо-версия работает без какого-либо расширения.

Я попытался установить Adapter.js, так как это единственное отличие, которое я вижу в примере с моим кодом,

с помощью import adapter from 'webrtc-adapter'

Однако я не уверен, что это доступно, я не могу утешить лог window.adapter но adapter доступен.