如何将我的浏览器上的实时视频播放到其他用户的浏览器？

我正在尝试使用WebRTC和HTML 5来实现这一点。我对WebRTC非常陌生。因此，为了实现我尝试使用getUserMedia作为示例来显示我的浏览器正在播放的视频。如何将我的浏览器上的实时视频播放到其他用户的浏览器？

作为一个实验，现在播放视频和直播视频是在同一个html页面上。

我的HTML代码如下：

<div id="video_player_box"> 

    <video id="my_video" width="1100" height="600" > 
    <source src="path/to/my/video/"> 
    </video> 

</div> 

<div id="container"> 

    <h1><a href="../index.html" title="simpl.info home page">simpl.info</a> getUserMedia</h1> 

    <video autoplay></video> 

    <p>The <code>MediaStream</code> object <code>stream</code> passed to the <code>getUserMedia()</code> callback in this demo is in global scope, so you can inspect it from the console.</p> 

</div>

我采购JS是这样的：

'use strict'; 

navigator.getUserMedia = navigator.getUserMedia || 
    navigator.webkitGetUserMedia || navigator.mozGetUserMedia; 

var constraints = { 
    audio: false, 
    video: true 
}; 
var video = document.getElementById("my_video"); 

function successCallback(stream) { 
    window.stream = stream; // stream available to console 
    video.src = document.getElementById("my_video"); 
} 

function errorCallback(error) { 
    console.log('navigator.getUserMedia error: ', error); 
} 

navigator.getUserMedia(constraints, successCallback, errorCallback);

谁能帮我这一点，并告诉我，如果我在正确的方向我要去哪里？或者我应该使用其他方法。因为这直到现在还没有奏效。我仍在阅读关于WebRTC。

注：我并不想用自己（的WebRTC）屏幕共享方法实现此功能

来源

2016-03-04 ankmachine

你应该video.src = window.URL.createObjectURL(stream);取代video.src = document.getElementById("my_video");。

来源

2016-03-04 13:36:07

如何将我的浏览器上的实时视频播放到其他用户的浏览器？

回答

相关问题