使用html5进行连续视频流调用

时间:2014-04-19 09:26:21

标签: javascript html5 video-streaming html5-video

我想连续调用函数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

1 个答案:

答案 0 :(得分:5)

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

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

您最好的方法可能是让您的用户保持在同一个网页上,然后使用Ajax刷新此页面的内容,因为他们会浏览该页面的不同方面。

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