Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 正在查找显示两个公共IP网络摄像头的代码_Javascript_Html_Dhtml - Fatal编程技术网

Javascript 正在查找显示两个公共IP网络摄像头的代码

Javascript 正在查找显示两个公共IP网络摄像头的代码,javascript,html,dhtml,Javascript,Html,Dhtml,我主要是一个c/c++的人。我已经做了很多PHP的东西,现在必须编写一些JS 对于模型,我想制作一个网页,显示来自两个实时视频源的视频流。我们订购了基于IP的网络摄像头,我想这只是一个使用的案例 <img src="IP address"> 对于每个网络摄像头,可能有一些图像大小标签。对吗 同时,是否有人可以发布一些示例代码,最好是在澳大利亚白天播放的视频源?你可以是可爱的创意,但请是SFW。谢谢。此代码使用“拉”方法在浏览器中更新JPEG图像。它通过更改src URL的查询字

我主要是一个c/c++的人。我已经做了很多PHP的东西,现在必须编写一些JS

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

<img src="IP address">

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

同时,是否有人可以发布一些示例代码,最好是在澳大利亚白天播放的视频源?你可以是可爱的创意,但请是SFW。谢谢。

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

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

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


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

我不确定
画布
视频
元素,但我认为它们目前还不支持实时视频流。听起来您使用的是动态创建的静态图像,但如果您碰巧使用的是视频流,则必须使用flash(或silverlight,或其他等效工具)。

我不确定
画布
视频
元素,但我认为它们目前还不支持实时视频流。听起来您使用的是动态创建的静态图像,但如果您碰巧使用的是视频流,则必须使用flash(或silverlight,或其他等效工具)

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'));
};