代码之家 › 专栏 › 技术社区 › Mawg says reinstate Monica

寻找显示两个公共IP网络摄像头的代码

dhtml html javascript

Mawg says reinstate Monica · 技术社区 · 14 年前

作为一个模型,我想制作一个网页,显示来自两个实时视频源的视频流。我们订购了基于IP的网络摄像机,我想这只是一个使用

<img src="IP address">

对于每个网络摄像头,可能有一些图像大小的标签。是这样吗?

同时,有人可以张贴一些样本代码,最好是一些视频饲料将在白天在澳大利亚流?你可以是可爱的创意,但请SFW。谢谢。

2 回复 | 直到 13 年前

PleaseStand 13 年前

此代码使用“pull”方法在浏览器中更新JPEG图像。它通过更改src URL的查询字符串部分来强制图像重新加载,在最后一张图片加载完成后10秒(使用海滩网络摄像头图像的现场演示位于 http://jsfiddle.net/kLUkA/2/

function refreshCamera() {
    var img = this;
    setTimeout(function() {
        var parts = img.src.split('?');
        parts[1] = new Date().getTime();
        img.src = parts.join('?');
    }, 10000);
}

function startCameraPull(img) {
    img.onload = refreshCamera;
    img.onload();
}

window.onload = function() {
    startCameraPull(document.getElementById('webcam1'));
    startCameraPull(document.getElementById('webcam2'));
};

注: 您可以取消refreshCamera中的setTimeout部分,以消除重新加载延迟。