使用 html5 的连续视频流调用 [关闭]

Question

我想连续调用函数 aaP()，以便同一站点的其他页面获得相同的 VISUAL，但仅在页面加载时调用

var video = document.querySelector('video');

if (navigator.getUserMedia) {
    navigator.getUserMedia({ audio: true, video: true }, function (stream) {

        setTimeout(function () { aaP(window.URL.createObjectURL(stream)); }, 99);

    }, errorCallback);
}


function aaP(aapV) {
    alert(5);
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function () {
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {

                video.src = window.URL.createObjectURL(stream);

        }
    }

    xmlHttp.open("GET", "WebForm1.aspx?res=aa &mssg=" + aapV, true);
    xmlHttp.sen

Answer 1

您的代码似乎不完整。也许您可以进一步详细说明您想要实现的目标。如果我正确理解您的问题，您希望在用户浏览您网站的不同页面时保持视频/音频捕获运行，并且不会中断。正确的？

这在设计上是不可能的，因为 Javascript 会在页面加载时执行。因此，如果您移动到网站的另一个页面，以前存在的 JavaScript 对象将被销毁并在您的新页面上重建。

您最好的方法是让您的用户保持在同一个网页上，然后在他们浏览页面的不同方面时使用 Ajax 刷新该页面的内容。

编辑：对于视频会议，您可以查看 WebRTC。这两篇文章应该让你走上正轨。 Here 和 here。 WebRTC 适用于一对少数、一对一、少数对少数。如果您需要支持更多并发连接，可以查看Licode。还有tokbox，但需要付费。