Как использовать MediaRecorder () API для загрузки содержимого тега <video>? - PullRequest
Новая
       15

Как использовать MediaRecorder () API для загрузки содержимого тега <video>?

0 голосов
/ 05 декабря 2018

Я пытаюсь записать содержимое тега <video> и загрузить файл в формате .webm.Это мой код: 

return new Promise(async resolve => {
  const stream = await navigator.mediaDevices.getUserMedia({
    video: true,
    audio: true
  });

  const mediaRecorder = new MediaRecorder(document.getElementById('#my-video-tag').captureStream());
  const audioChunks = [];

  mediaRecorder.addEventListener('dataavailable', event => {
    audioChunks.push(event.data);
  });

  const start = () => mediaRecorder.start();

  const stop = () =>
    new Promise(resolve2 => {
      mediaRecorder.addEventListener('stop', () => {
        const audioBlob = new Blob(audioChunks);
        resolve2({ audioBlob });
      });

      mediaRecorder.stop();
    });

  resolve({ start, stop });
});

Это бит проблемы: 

const mediaRecorder = new MediaRecorder(document.getElementById('#my-video-tag').captureStream());

Вышеприведенная загрузка загружает всего 1 кадр из тега видео, поэтому, в основном, неподвижное изображение.Как заставить это работать так, чтобы оно загружало все видео?

...