0

我刚刚被介绍到,html5 media capture API我准备试一试。我已经看到此捕获显示在同一页面上,但我还没有看到有人通过服务器进行流式传输。那么我问的是有没有办法避免flashsilver light并捕获相机,麦克风并将其显示到网站上的另一个页面供我的其他用户查看?像整个网站的直播?

js

function fallback(e) {
  video.src = 'fallbackvideo.webm';
}

function success(stream) {
  video.src = window.URL.createObjectURL(stream);
}

if (!navigator.getUserMedia) {
  fallback();
} else {
  navigator.getUserMedia({video: true}, success, fallback);
}

html:staff.php - 将捕获流的用户页面

<body>
 <div id="canvas-capture"></div>
</body>

cams.php?modelkey=34223r528edfwd23rfwedcwe - 我希望共享流的页面

 <body>
     <div id="canvas-capture"></div>
    </body>
4

1 回答 1

0

是的,您可以在其他地方显示捕获的视频。您传递给的成功回调getUserMedia将使用媒体流对象调用,您可以从中生成一个 URI,该 URI 可以指定为其他页面上标签的src属性。<video>

更多信息和代码片段可以在 html5rocks WebRTC 入门页面上找到。

(PS 我应该注意,您使用服务器在浏览器之间中继通信令牌,但随后流直接发生在浏览器之间,而不是通过您的服务器完成)。

于 2013-07-16T04:53:46.247 回答