Как исправить элемент видео, воспроизводящий черный экран вместо видео - PullRequest
0 голосов
/ 09 июня 2019

src моего видеоэлемента - это URL-адрес BLOB-объекта видеозаписи (mediaRecorder API). Вместо воспроизведения видео, когда я нажимаю кнопку воспроизведения, отображается черный экран. Когда я печатаю элемент видео в консоли и щелкаю правой кнопкой мыши по источнику и нажимаю «открыть в новой вкладке», видео воспроизводится в новой вкладке.

Это расширение Chrome, и я записываю видео (обычно 3-5 секунд), а затем пытаюсь воспроизвести это же видео в элементе видео.

<video id='recording' width='100%' height='100%' src={this.state.blobURL} type='video/webm' controls></video>
// creating new blob (binary large obj) defining it as an webm file
          let blob = new Blob(buffer, {type:'video/webm'});
          chrome.extension.getBackgroundPage().console.log('this is the blob', blob)

          // convert blob into object URL (can be used as video src)
          let videoURL = URL.createObjectURL(blob)
          t.setState({ blobURL: videoURL, video: blob })

Никаких ошибок, просто играет на черном экране, пожалуйста, помогите, если сможете :) 1007 *

1 Ответ

0 голосов
/ 12 июня 2019

Хорошо, поэтому ответ на этот вопрос заключается в поддержании согласованности типа MIME.Я не создавал экземпляр потока, который захватывал видео с типом MIME.Как только я это сделал и установил для блоба то же самое, видео воспроизводилось просто отлично!Я использовал MIME типа "video / webm"

...