媒体点击率网站上的直播视频

概要: 本文展示了如何将安讯士网络视频产品上的直播视频包含在网页上。
本文中的信息适用于所有运行固件为 4.xx 版的安讯士网络摄像机和视频服务器

说明

如果您有适用于安讯士网络摄像机的直接以太网网络连接,则仅需将其连接至您的网络便可直接开始查看图像。 嵌入式网络服务器可处理任何情况。 您还可在产品本身内部轻松配置您自己的网页。 您可能想要将直播视频包含在您自己的网页上,仅需按照此处提供的描述便可进行操作。
安讯士网络摄像机可处理 20 个同时连接;此数量对于大多数媒体点击率网站来说已足够。 如果并发用户数量超过 20,那么下一个用户将无法获取直播视频。
以下代码稍微复杂一些,但其对于大多数浏览器确实有效。 第一次使用 Microsoft Internet Explorer (Windows) 访问此 html 网页时,用户将被要求下载一个 ActiveX 组件以查看图像。
您必须进行的操作就是按照示例中所述使用您摄像机的 IP 地址指定 BaseURL 并确定图像分辨率、显示宽度和高度。 

示例

<html>
<标题>安讯士摄像机直播视频</标题>
<正文>
<中心>
<h2>安讯士摄像机直播视频</h2>


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

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

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

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

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

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

// AXIS 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/mjpg/video.cgi?resolution="+ 图像分辨率;
// 在此点下无需更改
如果(摄像机 ! = ""){文件 += "&camera=" + 摄像机;}
var 输出 = "";
如果 ((navigator.appName == "Microsoft Internet Explorer") &&
(navigator.platform != "MacPPC") && (navigator.platform != "Mac68k"))
{
// 如果在 Windows 系统下使用 Internet Explorer,则随后使用 ActiveX
输入 = '<对象标识符 =“播放器”宽度=' 
输出 += 显示宽度;
输出 += '高度=';
输出 += 显示高度;
输出 += 类标识 ="CLSID:DE625294-70E6-45ED-B895-CFFA13AEB044" ';
输出 += '基本代码 ="';
输出 += BaseURL;
输出 += 'activex/AMC.cab">';
输出 += '<参数名="MediaURL" VALUE="';
输出 += BaseURL;
输出 += 文件 + '">';
输出 += '<参数名 ="媒体类型" 值="mjpeg-unicast">';
输出 += '<参数名 ="显示状态栏" 值="0">';
输出 += '<参数名 ="显示工具条" 值 ="0">';
输出 += '<参数名 ="自动启动" 值 ="1">';
输出 += '<参数名 ="StretchToFit" 值="1">';
输出 += '<BR><B>安讯士媒体控制</B><BR>';
输出 += '安讯士媒体控制可让您';
输出 += '通过 Microsoft Internet 查看实时图像流';
输出 += '无法在您的电脑上注册 Explorer';
输出 += '<BR></对象>';
} 其他 {
// 如果 Windows 系统使用的并非 IE 浏览器,则使用自带的浏览器显示
日期 = 新日期 ();
输出 = '<IMG SRC="';
输出 += BaseURL;
输出 += 文件;
输出 += '&dummy=' + theDate.getTime().toString(10);
输出 += '" 高度="';
输出 += 显示高度;
输出 += '" 宽度="';
输出 += 显示宽度;
输出 += '" ALT="摄像机图像">' 
}
文档写入(输出);
document.Player.ToolbarConfiguration ="播放、+快照、+全屏";

</脚本>
</正文>
</html>

注意事项 1: 要了解更多选项,请参见产品网页界面或开发者页面中的 HTML 示例。

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

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