javascript - 求代码显示两个公共(public)IP网络摄像头

Question

我主要是一个c/c++ 人。我已经完成了相当多的 PHP 工作，现在必须编写一些 JS 代码。

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

<img src="IP address">

对于每个网络摄像头，可能带有一些图像尺寸标签。那是对的吗？

同时，有人可以发布一些示例代码，最好是一些将在澳大利亚白天播放的视频源吗？你可以很有创意，但请一定要SFW。谢谢。

Answer 1

此代码使用“拉”方法在浏览器中更新 JPEG 图像。它的工作原理是更改 src URL 的查询字符串部分，以在最后一张图片完成加载十秒后强制重新加载图像(使用海滩网络摄像头图像的现场演示位于 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部分来消除重新加载延迟。