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

时间:2016-03-17 19:12:32

标签: javascript html5 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>

谢谢你的帮助!

0 个答案:

没有答案