Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 拍摄流媒体视频并将其显示在网页上供所有人观看?_Javascript_Html_Video_Video Streaming - Fatal编程技术网

Javascript 拍摄流媒体视频并将其显示在网页上供所有人观看?

Javascript 拍摄流媒体视频并将其显示在网页上供所有人观看?,javascript,html,video,video-streaming,Javascript,Html,Video,Video Streaming,我正在编写一些类似于Skype的代码,因为它将从某个人的网络摄像头中传输视频和音频,并将其显示在其他用户的屏幕上,以便他们可以进行通信。我发现这个代码可以获取网络摄像头的视频和音频,并将其显示在用户屏幕上。问题是,它只会在个人屏幕上显示来自某个人网络摄像头的视频和音频,其他用户无法访问他们的实时提要是否有方法获取网络摄像头流,将其发送到服务器,然后将其发布到网页上,供两个用户查看和交流?所有想法、源代码、,我们将非常感谢您提供链接,解释如何从某人的计算机上获取网络摄像头实时反馈,然后将其显示在公

我正在编写一些类似于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这样的标准流中,这不是微不足道的或公开可用的。两者都可以看到,还是所有人都可以看到?那很不一样。