Javascript 拍摄流媒体视频并将其显示在网页上供所有人观看?
我正在编写一些类似于Skype的代码,因为它将从某个人的网络摄像头中传输视频和音频,并将其显示在其他用户的屏幕上,以便他们可以进行通信。我发现这个代码可以获取网络摄像头的视频和音频,并将其显示在用户屏幕上。问题是,它只会在个人屏幕上显示来自某个人网络摄像头的视频和音频,其他用户无法访问他们的实时提要是否有方法获取网络摄像头流,将其发送到服务器,然后将其发布到网页上,供两个用户查看和交流?所有想法、源代码、,我们将非常感谢您提供链接,解释如何从某人的计算机上获取网络摄像头实时反馈,然后将其显示在公共网页上,供所有用户查看和交流 以下是我的代码:Javascript 拍摄流媒体视频并将其显示在网页上供所有人观看?,javascript,html,video,video-streaming,Javascript,Html,Video,Video Streaming,我正在编写一些类似于Skype的代码,因为它将从某个人的网络摄像头中传输视频和音频,并将其显示在其他用户的屏幕上,以便他们可以进行通信。我发现这个代码可以获取网络摄像头的视频和音频,并将其显示在用户屏幕上。问题是,它只会在个人屏幕上显示来自某个人网络摄像头的视频和音频,其他用户无法访问他们的实时提要是否有方法获取网络摄像头流,将其发送到服务器,然后将其发布到网页上,供两个用户查看和交流?所有想法、源代码、,我们将非常感谢您提供链接,解释如何从某人的计算机上获取网络摄像头实时反馈,然后将其显示在公
</style>
<script>
navigator.getUserMedia = navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia;
if (navigator.getUserMedia) {
navigator.getUserMedia({ audio: true, video: { width: 1280, height: 720 } },
function(stream) {
var video = document.querySelector('video');
video.src = window.URL.createObjectURL(stream);
video.onloadedmetadata = function() {
video.play();
};
},
function(err) {
console.log("The following error occurred: " + err.name);
}
);
} else {
console.log("getUserMedia not supported");
}
</script>
<video></video>
navigator.getUserMedia=navigator.getUserMedia||
navigator.webkitGetUserMedia||
navigator.mozGetUserMedia;
if(navigator.getUserMedia){
getUserMedia({音频:true,视频:{宽度:1280,高度:720},
功能(流){
var video=document.querySelector('video');
video.src=window.URL.createObjectURL(流);
video.onloadedmetadata=函数(){
video.play();
};
},
功能(err){
log(“发生以下错误:“+err.name”);
}
);
}否则{
log(“不支持getUserMedia”);
}
谢谢你的帮助 有一些商业服务提供这种功能,但它们有复杂的后端,可以充当rtcPeer,并重新编码到像hls这样的标准流中,这不是微不足道的或公开可用的。两者都可以看到,还是所有人都可以看到?那很不一样。