Javascript 尝试嵌入多个媒体流

我试图在一个HTML页面上嵌入两个网络摄像头流

我习惯于获取从该站点获取的用户媒体脚本

它对一个steam很好，但当我尝试在同一页上制作两个不同的视频流时，它就不起作用了

我试着制作一个带有网格的div标签，并在每个单元格中放置一个视频元素。这只会产生一个流

这是我最近的一次尝试

显示网络摄像头流
#容器{
保证金：0px自动；
宽度：500px；
身高：375px；
边框：10px#333实心；
}
#视频元素{
宽度：500px；
身高：375px；
背景色：#666；
}
#集装箱2{
保证金：0px自动；
宽度：500px；
身高：375px；
边框：10px#333实心；
}
#视频元素2{
宽度：500px；
身高：375px；
背景色：#666；
}
var video=document.querySelector（“#videoElement”）；
 
navigator.getUserMedia=navigator.getUserMedia | | navigator.webkitGetUserMedia | | navigator.mozGetUserMedia | | navigator.msGetUserMedia | | navigator.oGetUserMedia； 
if（navigator.getUserMedia）{
navigator.getUserMedia({
视频：真的
}，handleVideo，videoError）；
} 
函数handleVideo（流）{
video.src=window.URL.createObjectURL（流）；
} 
函数videoError（e）{//执行某些操作
}

您能告诉我们您使用的代码吗？快速浏览一下他们在网站上的示例代码，我想说，如果你对“video”使用两个不同的变量，可能对两个不同的容器使用“video1”和“video2”，这应该是可行的，但是没有看到你迄今为止尝试过的内容，我无法给你一个解决方案。对不起，你能发布一个你尝试过的示例吗？我鼓励您使用和访问，以获取有关询问和提供代码的指导。您是否尝试访问同一视频源两次？如果是这样，请小心，因为设备可能是busyHi Aaron、McMath和joyrex，嗨Aaron、McMath和joyrex，感谢您的回答如果我的问题不够清楚，我很抱歉。Joyrex我正在尝试两次访问同一来源，但如果需要，我也愿意添加一个额外的摄像头。我将尝试用我已经使用过的代码更新这个问题。