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

发布于 2024-10-01 05:46:51 字数 281 浏览 7 评论 0原文

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

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

<img src="IP address">

，可能还带有一些图像尺寸标签。这是正确的吗？

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

原文

I'm mainly a c/c++ guy. I have done quite a lot of PHP stuff, and now have to code some JS.

For a mock-up, I want to make a web page showing the video stream from two live video sources. We have IP based web-cams on order and I presume it will just be a case of using

<img src="IP address">

for each web cam, with maybe some image size tags. Is that correct?

In the meantime, can someone post some sample code, preferably with some video feed which will be streaming during daylight hours in Australia? You can be cute creative, but please be SFW. Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

装纯掩盖桑 2024-10-08 05:46:51

此代码使用“拉”方法在浏览器中更新 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部分来消除重新加载延迟。

This code uses the "pull" method to update JPEG images within the browser. It works by changing the query string part of the src URL to force an image reload, ten seconds after the last picture has finished loading (a live demo using beach webcam imagery is at 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'));
};

Note: You can take away the setTimeout part in refreshCamera to eliminate the reloading delay.

回复收藏 0 原文