Javascript 如何在reactJs中显示实时摄影机提要 更新

我试图修改代码以使用srcbobject，但不知怎么的，它不起作用

componentDidMount() {
    navigator.mediaDevices.getUserMedia({ video: true, audio: true })
        .then( stream => {
            console.log(stream);
            this.streamVideo(stream);
        })
        .catch(error => {
            console.log(error);
        })
}

streamVideo = (stream) => {
    this.selfVid.srcObject = stream;
};
.
.
.
<video autoPlay className="attendee"/>
<video autoPlay className="selfView" ref={ selfVid => { this.selfVid = selfVid }}/>  

createObjectURL（mediaStream）不久前已被弃用并删除。不要依赖过时的文档

---

将media elements srcObject属性设置为我发现出错的流

componentDidMount() {
        navigator.mediaDevices.getUserMedia({ video: true, audio: true })
            .then( stream => {
                console.log(stream);
                this.selfVid.current.srcObject = stream;
            })
            .catch(error => {
                console.log(error);
            })
    }
    .
    .
    .
    <video autoPlay className="selfView" ref={ this.selfVid } />  

componentDidMount（）{
navigator.mediaDevices.getUserMedia（{video:true，audio:true}）
。然后（流=>{
console.log（流）；
this.selfVid.current.srcObject=流；
})
.catch（错误=>{
console.log（错误）；
})
}
.
.
.

我现在也在做同样的事情，reactJS中的webRTC正在工作。。。以下是我的代码，希望对您有所帮助：

        navigator.getUserMedia(
            { video: true, audio: true },
            stream => {
              const localVideo = document.getElementById("local-video");
              if (localVideo) {
                localVideo.srcObject = stream;
              }

              stream.getTracks().forEach(track => this.state.peerConnection.addTrack(track, stream));

            },
            error => {
              console.warn(error.message);
            }
        );

---

我试过用裁判和SRCBoot，但不知怎么的，它没有锻炼。让它工作起来。这是我的错误。抱歉给你添麻烦了。嘿，太好了！我一定要试一试。如果我们也能一起工作那就太好了，因为我们的动机是一样的是的，那太好了：）也许你可以帮我…我有一个“主机”和“加入者”的情况，人们可以加入一个网络摄像头（这只是单向流）。。。我的问题是，连接后，需要刷新页面，然后其他人才能连接。。。否则，即使socketIO试图建立连接，流也会失败。我还存储状态中的所有内容，包括RTPeerConnection。。我不知道这是一种不好的方式。我在reactJS中找不到太多RTC的例子！信息技术不过还是有点用。。洛兰也处于同样的“主人”和“木匠”的状态，但事实是，直到那个时候我才能够达到目标。我目前正在尝试1-1连接。但我很乐意在这方面帮助你们，但我在RTC真的是个笨蛋：（我也是个十足的笨蛋：）我遇到的主要问题是。。。需要一个眩晕服务器。。。它可以在局域网上工作，但不能在互联网上工作，直到添加了STUN服务器。。。这很容易。。just var servers={'iceServers'：[{'url'：'stun:stun.l.google.com:19302'}]}；然后使用：新的RTPeerConnection（服务器）…不管怎么说，你的服务器在哪里；D

componentDidMount() {
        navigator.mediaDevices.getUserMedia({ video: true, audio: true })
            .then( stream => {
                console.log(stream);
                this.selfVid.current.srcObject = stream;
            })
            .catch(error => {
                console.log(error);
            })
    }
    .
    .
    .
    <video autoPlay className="selfView" ref={ this.selfVid } />  

        navigator.getUserMedia(
            { video: true, audio: true },
            stream => {
              const localVideo = document.getElementById("local-video");
              if (localVideo) {
                localVideo.srcObject = stream;
              }

              stream.getTracks().forEach(track => this.state.peerConnection.addTrack(track, stream));

            },
            error => {
              console.warn(error.message);
            }
        );