使用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.这两篇文章应该让你走上正轨.这里和这里.WebRTC将适用于一对一,一对一,几对少.如果您需要支持更多并发连接,可以查看Licode.还有tokbox,但需要付费.