在React中播放动态更改的MediaStream列表

问题描述

我目前正在使用ReactJS开发基于WebRTC的视频聊天应用程序。假设我有一个remoteList状态，其中包含MediaStreams列表，该列表根据呼叫中的用户数量而动态变化，那么如何自动播放收到的所有MediaStreams。这是我所拥有的，但不起作用：

render() {
    const videoList = Object.keys(this.state.remoteList).map((index,stream) => 
        <video key={index} id={"Peer" + index} ref={a => a.srcObject = stream} autoplay />
    );
    
    return(
            <div id="videoGrid">
                {videoList};
            </div>
    );
}

解决方法

我不确定，但是您可以尝试在视频元素上使用play（）方法。