Question

我主要是一个c / c ++家伙。我做了很多PHP的东西，现在必须编写一些JS代码。

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

的情况

<img src="IP address">

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

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

Answer 1

此代码使用“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部分以消除重新加载延迟。

Answer 2

我不确定canvas或video元素，但我认为它们还不支持实时视频流。听起来你正在使用动态创建的静态图像，但如果你碰巧使用的是视频流，则必须使用flash（或silverlight，或其他等效的）。

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

2 个答案: