Я пытаюсь воссоздать этот 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>
);
}
}