ライブ映像公開法－ AXIS 205

当ページの情報はあくまでも参考例です。プログラムソースに関してのサポートはできません。ご使用になる場合には、ユーザ様に Perl や JavaScript、html の知識が必要となります。

このページの情報は以下の製品に適応されます:

AXIS 205 v4.03
AXIS 205 v4.05

概要

AXIS 205 のライブ映像は、Webブラウザから直接 AXIS 205 にアクセスしていただくことで、ご覧になれます。が、もう一つの方法として、ここでは、AXIS 205 からのライブ映像を、自作のWebページに取り込む方法を説明します。

情報

もし、あなた自身のWebページに、AXIS 205 のライブ映像を取り込みたい場合には、以下の説明を参照してください。
AXIS 205 は同時に10の接続（この数値はファームウェアバージョンにより異なる可能性があります）を処理することができます。もし、10ユーザを超えた場合、次のユーザも同じようにライブ映像を得る可能性はありますが、保証はされません。

下の例は多少複雑ですが、ほとんどのブラウザで動くでしょう。このhtmlページを、Microsoft Internet Explorer(Windows) からはじめてアクセスするときに、ユーザは画像を見るために ActiveXコンポーネントをダウンロードするよう求められます。
例の中で、BaseURL に AXIS 205 のIPアドレスを指定してください。

例 : AXIS 205 v4.03 用

<html>
<head>
<title>AXIS 205 Live Demo</title>
</head>
<center>
<h2>AXIS 205の画像をWebページに貼り付けるためのソース</h2>

<!-- LANGUAGE="JavaScript">
// あなたのネットワークカメラのURLをBaseURLの後に書いてください
// 例: var BaseURL = "http://172.21.1.122/";

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

// 画面に表示する画像サイズを選び、行頭の"//"を消してください
// "//"を削除できるのは1行だけです

// var DisplayWidth = "320";var DisplayHeight = "240";
// var DisplayWidth = "640";var DisplayHeight = "480";

// ネットワークカメラから取得する画像サイズを選び、行頭の"//"を消してください
// "//"を削除できるのは1行だけです

// var File = "axis-cgi/mjpg/video.cgi?resolution=320x240";
// var File = "axis-cgi/mjpg/video.cgi?resolution=640x480";

// ここから先は、変更の必要はありません

var output = "";
if ((navigator.appName == "Microsoft Internet Explorer")&&(navigator.platform != "MacPPC")&&(navigator.platform != "Mac68k"))
{
// If Internet Explorer for Windows then use ActiveX
output = "<OBJECT ID=\"CamImage\" WIDTH="
output += DisplayWidth;
output += " HEIGHT=";
output += DisplayHeight;
output += " CLASSID=CLSID:917623D1-D8E5-11D2-BE8B-00104B06BDE3 ";
output += "CODEBASE=\"";
output += BaseURL;
output += "activex/AxisCamControl.cab#Version=2,20,0,4\">";
output += "<PARAM NAME=\"URL\" VALUE=\"";
output += BaseURL;
output += File;
output += "\"> <BR><B>Axis ActiveX Camera Control</B><BR>";
output += "The AXIS ActiveX Camera Control, which enables you ";
output += "to view live image streams in Microsoft Internet";
output += " Explorer, could not be registered on your computer.";
output += "<BR></OBJECT>";
}
else
{
// If not IE for Windows use the browser itself to display
output = "<IMG SRC=\"";
output += BaseURL;
output += File;
output += "&dummy=garb\" HEIGHT=\"";
// The above dummy cgi-parameter helps some versions of NS
output += DisplayHeight;
output += "\" WIDTH=\"";
output += DisplayWidth;
output += "\" ALT=\"Moving Image Stream\">";
}

document.write(output);

</SCRI-->

</body>
</html>

例 : AXIS 205 v4.05 用

<html>
<head>
<title>AXIS 205 Live Demo</title>
</head>
<center>
<h2>AXIS 205 v4.05の画像をwebページに貼り付けるためのソース</h2>

<SCRIPT LANGUAGE="JavaScript">
// あなたのネットワークカメラのURLをBaseURLの後に書いてください
// 例: var BaseURL = "http://172.21.1.122/";

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

// ホームページで表示する画像の幅（DisplayWidth）と高さ（DisplayHeight）を指定します
// ネットワークカメラにあるタテ・ヨコ比解像度以外の数値を指定すると、画像が伸縮して表示されます
var DisplayWidth = "320";
var DisplayHeight = "240";

// ネットワークカメラの内部で生成される画像ファイルへのパスです。
// 利用したい解像度を選び、行頭の"//"を消してください。
// "//"を削除できるのは1行だけです

// var File = "axis-cgi/mjpg/video.cgi?resolution=320x240";
// var File = "axis-cgi/mjpg/video.cgi?resolution=640x480";

// ここから先は、変更の必要はありません

var output = "";

if ((navigator.appName == "Microsoft Internet Explorer") &&
(navigator.platform != "MacPPC") && (navigator.platform != "Mac68k"))
{
// If Internet Explorer for Windows then use Java Applet
output = '<OBJECT ID="Player" width='
output += DisplayWidth;
output += ' height=';
output += DisplayHeight;
output += ' CLASSID="CLSID:745395C8-D0E1-4227-8586-624CA9A10A8D" ';
output += 'CODEBASE="';
output += BaseURL;
output += 'activex/AMC.cab#version=2,0,22,0">';
output += '<PARAM NAME="MediaURL" VALUE="';
output += BaseURL;
output += File + '">';
output += '<param name="MediaType" value="mjpeg-unicast">';
output += '<param name="ShowStatusBar" value="0">';
output += '<param name="ShowToolbar" value="0">';
output += '<param name="AutoStart" value="1">';
output += '<param name="StretchToFit" value="1">';
output += '<BR><B>Axis Media Control</B><BR>';
output += 'The AXIS Media Control, which enables you ';
output += 'to view live image streams in Microsoft Internet';
output += ' Explorer, could not be registered on your computer.';
output += '<BR></OBJECT>';

} else {
// If not IE for Windows use the browser itself to display
theDate = new Date();
output = '<IMG SRC="';
output += BaseURL;
output += File;
output += '&dummy=' + theDate.getTime().toString(10);
output += '" HEIGHT="';
output += DisplayHeight;
output += '" WIDTH="';
output += DisplayWidth;
output += '" ALT="Camera Image">';

}

document.write(output);
document.Player.ToolbarConfiguration = "play,+snapshot,+fullscreen"

</SCRIPT>

</body>
</html>

上記ソースの取得 AXIS 205 v4.03 用 Windows 版

UNIX版

AXIS 205 v4.05 用 Windows 版

UNIX版

Windows 版と UNIX 版の内容は全く同じです。どちらの環境でも動作します。ただ、改行コードの違いで、それぞれのエディタで開いたときに見やすくなっています。
マウスの右クリックで「対象をファイルに保存」（「リンクを別名で保存」）を選択することで、ソースをダウンロードすることができます。

Back to Top

Axis は、上記ソース使用の結果生じた、いかなる損害に対しても、一切の責任を負いません。

ライブ映像公開法 － AXIS 205

ライブ映像公開法－ AXIS 205