Question

以下代码仅显示页面上某人的webcam视图。但我想要的是其他人看到我的生活。看看

<html>
      <head>
        <title>camview</title>        
     </head>        
     <body>
         <video id="vidDisplay" autoplay="true">
            No video support in your browser...
         </video>
         <script>
             navigator.getUserMedia=navigator.getUserMedia || navigator.webkitGetUserMedia ||navigator.mozGetUserMedia || navigator.msGetUserMedia ||
             navigator.oGetUserMedia;
             if(navigator.getUserMedia){
                 navigator.getUserMedia({video:true}, handleVideo, videoError);
             }

             function handleVideo(stream){   
             document.querySelector('#vidDisplay').src=window.URL.createObjectURL(stream);
             }
             function videoError(e){
                 alert("some problem")
             }
         </script>
     </body>
    </html>

Answer 1

如果其他人可以通过您的网络摄像头Feed看到直播，您可以使用Youtube Live或付费网站，例如tikilive，ustream等...（有些甚至提供带广告的免费帐户）。

您可以使用网站上的浏览器内软件或第三方流媒体软件流式传输到网络。

所有上述选项都提供了一个嵌入功能，可以将Feed嵌入到您自己的php（或html）页面中。

例如，在Youtube Live案例中，嵌入代码可能如下所示：

<iframe width="640" height="360" src="https://www.youtube.com/embed/ID-HERE" frameborder="0" allowfullscreen></iframe>

如何在HTML 5中将网络摄像头流式传输到客户端

1 个答案: