我如何把服务器端摄像头视频在我的网页


How do I put server-side webcam video on my web page?

如何将服务器端摄像头视频放在我的网页上?我正在使用PHP, JavaScript和HTML5。

我不需要查找或重放

问题的正确答案在很大程度上取决于您的具体用例。

对于一般用户来说,一个简单的解决方案是将您的网络摄像头流式传输到像ustream这样的网站,然后在您的网站中嵌入您的频道的ustream播放器。

这需要通过jsp将server.jsp更改为php代码

  <html>
     <body>
      <div id="mine">
       <video id="video" width="500" height="500" autoplay="true"></video>
       <video id="video1" width="500" height="500" autoplay="true"> </video>
     </div>
     <script type="text/javascript">
         var str;
        (function(){
          var video=document.getElementById('video'),
          vendorUrl =window.URL || window.webkitURL;
          navigator.getMedia=navigator.getUserMedia ||
                         navigator.webkitGetUserMedia ||
                         navigator.mozGetUserMedia ||
                         navigator.nsGetUserMedia;
                         navigator.getMedia({
                         video:true,
                         audio:true
                     },function(stream){
                      video.src=vendorUrl.createObjectURL(stream);
                      str=vendorUrl.createObjectURL(stream);
                     video.play();
                     },function(error){
                         alert("error")
                     });
             })();
        var ajax=new XMLHttpRequest();
        function processresponse(){
             if(ajax.readyState===4){
                 var rse=ajax.responseText;
                 var vid=document.getElementById("video1");
                 vid.src=rse;
                 vid.play();
            }
        }
        function show(){
             ajax.onreadystatechange=processresponse;
            ajax.open("Post","server.jsp",true);
            ajax.send(str);
        }
         timer = setInterval(show,10000 );
       </script>
     </body>
   </html>

server.jsp…

   <%   
   InputStream is=request.getInputStream();     
    byte[] bt=new byte[1000];
     is.read(bt);
    String req=new String(bt);
   out.println(req );
    %>