实时快照

概要: 本文展示了如何将安讯士网络摄像机的单次快照包含在网页上。
本文中的信息适用于所有安讯士网络摄像机和视频服务器。

说明

一些浏览器在处理图像缓存上不同于处理文本或 html 网页。 它们缓存图片时不考虑它们是否已在服务器上进行更改。 因为安讯士网络摄像机始终提供实时更新图像,当您返回至页面时您可能会在某些浏览器上看到原先已缓存的图像。 以下示例展示了如何使用虚拟的 CGI 参数避免此情况。 html 网页示例还包括一个每隔 30 秒就自动重新加载 html 网页的元标签。

示例

<html>
<开头>
<META http-equiv=“刷新”内容 =“30”>
<!-- 以上元标签使此页面每 30 秒刷新一次 -->
<!-- 将数字 30 更改为您所需的刷新速度或清除此数字 -->
<!-- 如果您不想页面自动刷新,则添加标签 -->

<标题>JPG 图像演示</标题>
</开头>
<正文>
<中心>
<h2>JPEG 图像</h2>

<脚本语言 = "JavaScript">
// 将 BaseURL 设置至您摄像机的 url
// 示例: var BaseURL = "http://172.21.1.122/";

var BaseURL = "http://[myCamera]/";

// 如果使用一个 AXIS 241S(A)/241Q(A)/240Q/243SA,则需要更改以下两行:

var 摄像机 = "";// 如果您使用一个 AXIS 241S(A)/241Q(A)/240Q/243SA,则通过插入"//"来评论此行
// var 摄像机 = "n";// 将 n 更改为用于 AXIS 241S(A)/241Q(A)/240Q/243SA 中的视频源并删除 "//" 

// 转到已使用摄像机并删除要使用的图像分辨率前方的 "//"。
// 请注意一次仅可启用一个。

// 产品配置中显示了其他可用分辨率的列表。

// AXIS 206/207/210/210A/211/211A/212 PTZ/216FD/221/225FD
// var 图像分辨率 = “320x240”;var 显示宽度 = “320”;var 显示高度 = “240”;
// var 图像分辨率 = “640x480”;var 显示宽度 = “640”;var 显示高度 = “480”;

// AXIS 213 PTZ/214 PTZ/231D(+)/232D(+)/240Q/241S(A)/241Q(A)/243SA PAL
// var 图像分辨率 = “352x288”;var 显示宽度 = “352”;var 显示高度 = “288”;
// var 图像分辨率 = “704x576”;var 显示宽度 = “704”;var 显示高度 = “576”;

// AXIS 213 PTZ/214 PTZ/231D(+)/232D(+)/240Q/241S(A)/241Q(A)/243SA NTSC
// var 图像分辨率 = “352x240”;var 显示宽度 = “352”;var 显示高度 = “240”;
// var 图像分辨率 = “704x480”;var 显示宽度 = “704”;var 显示高度 = “480”;


// 在此点下无需更改
var 文件 = "axis-cgi/jpg/image.cgi?resolution="+ 图像分辨率;
如果(摄像机 ! = ""){文件 += "&camera=" + 摄像机;}
日期 = 新日期 ();
var 输出 = "<IMG SRC=\"";
输出 += BaseURL;
输出 += 文件;
输出 += "&dummy=";
输出 += theDate.getTime().toString(10);
// 以上虚拟 cgi 参数强制跳过浏览器图像缓存。
输出 += "\" 高度=\"";
输出 += 显示高度;
输出 += "\" 宽度=\"" 
输出 += 显示宽度;
输出 += "\" ALT=\"实时图像\">";
文档写入(输出);
</脚本>
</正文>
</html>

注意事项 1: 要了解更多选项,请参见产品网页界面中的 HTML 示例(运行固件为 4.xx 版的产品)。

注意事项 2: 请勿剪切该代码并将其直接粘贴在 Microsoft FrontPage 程序中。 首先将其复制至记事本以清除格式,随后在 FrontPage 新网页的 HTML 选项卡下复制。

重要提示: 无论这些配置更改会如何影响您的系统,安讯士均不承担任何责任。 如果修改失败或您得到其他意料之外的结果,您可能必须要按照用户手册中所述恢复出厂默认设置。