【问题标题】:How to stream webcam to client in HTML 5如何在 HTML 5 中将网络摄像头流式传输到客户端
【发布时间】:2018-01-02 05:17:47
【问题描述】:

下面的代码仅显示页面上人员的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>

【问题讨论】:

  • 你需要的是一个视频直播服务器;我建议进行更多研究以准确了解您的要求。你的限制是什么?你用 PHP 标记了这个,但是你在使用什么样的环境?一个有效的解决方案可能是数百行代码或更多。
  • 感谢您的回复。我实际上正在尝试构建一个 android webview 应用程序,以便用户可以通过服务器或其他方式将视频流式传输给我。
  • 我可能会重新考虑您选择的技术并切换到原生 Android 应用程序。手机开始时速度很慢,在网络视图中流式传输视频将是一个特别耗费资源的用例。
  • 谢谢,这是个好主意。我只是在做不同的实验。不是出于职业原因。

标签: javascript php android html


【解决方案1】:

要让其他人从您的网络摄像头中观看直播,您可以使用 Youtube Live 或 tikilive、ustream 等付费网站...(有些甚至提供带有广告的免费帐户)。

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

上述所有选项都提供了嵌入功能,可将提要嵌入到您自己的 php(或 html)页面中。

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

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

【讨论】:

  • 也谢谢你。我试图为用户构建一个 android webview 应用程序,用户可以通过服务器或其他方式将视频流式传输给我
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-10-22
  • 1970-01-01
  • 1970-01-01
  • 2011-10-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多