запись экрана в Chrome с помощью RecordRTC - PullRequest
Новая
       110

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

0 голосов
/ 23 января 2019

Я пытаюсь реализовать функцию записи экрана в приложении 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 доступен.

...