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