Канал веб-камеры не отображается в теге видео с предупреждением типа контента - PullRequest
0 голосов
/ 01 мая 2019

Я пытаюсь воссоздать этот Twitch как приложение для веб-камеры.При подаче канала веб-камеры в <video> в качестве источника отображаются два предупреждения консоли типа контента: HTTP “Content-Type” of “text/html” is not supported. Load of media resource http://localhost:3000/[object%20MediaStream] failed. и Cannot play media. No decoders for requested formats: text/html..Нет визуальных элементов

Я пытался явно установить тип объекта потока, когда setState вот так: stream.toDataURL('video/mp4').Это не имело никакого значения, кроме скрытых предупреждений.

class Video extends PureComponent {

  state={ src: null };

  componentDidMount = () => {
    navigator.mediaDevices.getUserMedia({ video: true, audio: true })
    .then(stream => this.setState({ src: stream.toDataURL('video/mp4') }))
    .catch(e => e.name + ": "+ e.message);
  };

  render() {
    return (
      <VideoFrame className='video' src={this.state.src} autoPlay> 
        Your browser does not support the video tag.
      </VideoFrame> 
    );
  }
}
...