如何使用Javascript和HTML在同一网站上获取多个视频供稿?

时间:2019-07-01 15:37:32

标签: javascript html css

我正在尝试创建一个网站,该网站将从同一台摄像机获取多个视频供稿并显示在网页上。我正在使用Javascript和HTML。我对这两者都不陌生,并且已经在网页上建立了一个视频供稿。但是我需要多个。请帮我。谢谢。

<!DOCTYPE>

<head>
  <meta charset="uft-8">
  <title>Web Stream</title>
  <style>
    video {
      margin:200px ;
      margin-left: 500px;
      width:650px;
      height:500px;
      border:10px #333 solid;
      background-color: #666
   }
  </style>
</head>
<body>
<video autoplay='true' id='videoElement' allign="middle">
</video>

<script>
var video=document.querySelector("#videoElement");

navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia||navigator.oGetUserMedia;
if(navigator.getUserMedia){
navigator.getUserMedia({video:true},handleVideo,videoError);
}

function handleVideo(stream){
video.srcObject = stream;
video2.scrObject= stream;
}
function videoError(e){
}
</script>

</body>

0 个答案:

没有答案