|
Nota Técnica: Video en vivo sobre un sitio de
demanda media
La información en este artículo se aplica a:
- AXIS 2100/2120/2400/2401/2420 desde la versión de firmware
2.30
Resumen
Este artículo muestra como incluir en una página web video en
vivo generado por una Cámara de Red Axis.
Más información
Si usted tiene una conexión de red Ethernet directa disponible
para el Servidor de Cámaras Axis, simplemente conecte la Cámara de
Red Axis a su red y comience a ver las imágenes directamente desde
ella. EL servidor web interno se encargará de todo. Usted será capaz
también de configurar fácilmente su propia página web dentro del
propio producto. Pero usted probablemente desee incluir video en
vivo en su propia página web. Para ello simplemente siga la
descripción disponible a continuación.
Las Cámaras de Red Axis son capaces de manejar 10 conexiones
simultaneas; este numero es más que suficiente en la mayoría de los
sitios de mediana demanda. Si el número de conexiones simultaneas
excede 10, los siguientes usuarios podrían obtener video en vivo
también, pero no hay garantías de esto.
El código siguiente es ligeramente más complejo pero trabaja con
la mayoría de los navegadores. La primera vez que ingresen a esta
página html usando Microsoft Internet Explorer (Windows), se les
pedirá a los usuarios que descarguen un componente ActiveX para
despliegue de imágenes.
Todo lo que tiene que hacer es especificar la URL Base con la
dirección IP de su cámara según se describe en el ejemplo.
Ejemplo
<html>
<head>
<title>MJPG Live Demo</title>
</head>
<body>
<center>
<h2>Motion JPEG image</h2>
<!-- Cut from here to the end of image display comment -->
<!-- Note: If you do not see a JavaScript below in the view
source window you must -->
<!-- first save the html file from your browser, then open the
saved -->
<!-- file in a text editor, for instance Notepad.-->
<SCRIPT LANGUAGE="JavaScript">
// Set the BaseURL to the url of your camera
// Example: var BaseURL = "http://172.21.1.122/";
var BaseURL = "http://[myCamera]/";
// The two following lines are for AXIS 2400:
var Camera = ""; // If you use an AXIS 2400, comment away this
line by inserting "//"
// var Camera = "n"; // Change n to the Video source used in the
AXIS 2400 and remove "//"
// Go to the camera used and remove the "//" in front of the
ImageResolution to be used.
// Note that only one can be enabled.
// AXIS 2100
// var ImageResolution = "320x240";var DisplayWidth = "320";var
DisplayHeight = "240";
// var ImageResolution = "640x480";var DisplayWidth = "640";var
DisplayHeight = "480";
// AXIS 2120/2400/2401/2420 PAL
// var ImageResolution = "352x288";var DisplayWidth = "352";var
DisplayHeight = "288";
// var ImageResolution = "704x576";var DisplayWidth = "704";var
DisplayHeight = "576";
// AXIS 2120/2400/2401/2420 NTSC
// var ImageResolution = "352x240";var DisplayWidth = "352";var
DisplayHeight = "240";
// var ImageResolution = "704x480";var DisplayWidth = "704";var
DisplayHeight = "480";
// No changes required below this point
var File = "axis-cgi/mjpg/video.cgi?resolution=" +
ImageResolution;
if (Camera != "") {File += "&camera=" + Camera;}
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=1,0,2,15\">";
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);
</script>
<!-- End of image display part -->
</body>
</html> |
Axis no se hace responsable por la manera en que estos cambios
de configuración puedan afectar su sistema. Si la modificación
falla o si se obtienen resultados inesperados, usted puede restaurar
su equipo a los valores de fábrica según se describe en el Manual de
Usuario. |
