Vídeo en directo en un sitio con tasa de aciertos mediana

Resumen: En este artículo se describe cómo agregar a una página web vídeo en directo de un producto de vídeo en red de Axis.
La información de este artículo es aplicable a todos los servidores de vídeo y cámaras de red de Axis con la versión de firmware 4.xx

Descripción

Si dispone de conexión de red Ethernet directa para la cámara de red Axis, no tiene más que conectarla a la red y empezar a ver las imágenes directamente. El servidor web integrado se ocupa de todo. También es muy fácil configurar su propia página web desde el propio producto. Si desea agregar vídeo en directo a su propia página web, siga los pasos que se indican aquí.
La cámara de red Axis admite hasta 20 conexiones simultáneas, que son suficientes en casi todos los sitios tasas de aciertos medianas. Si hay más de 20 usuarios a la vez, el número 21 no recibirá vídeo en directo.
El código que se muestra a continuación es algo más complejo, pero funciona en casi todos los navegadores. La primera vez que Microsoft Internet Explorer (Windows) acceda a esta página HTML, se pedirá a los usuarios que descarguen un componente ActiveX para ver imágenes.
No tiene más que especificar la BaseURL con la dirección IP de su cámara como se describe en el ejemplo y definir ImageResolution, DisplayWidth y Height. 

Ejemplo

<html>
<title>Vídeo en directo de cámara AXIS</title>
<body>
<center>
<h2>Vídeo en directo de cámara AXIS</h2>


<SCRIPT LANGUAGE="JavaScript">
// Establezca la BaseURL en la URL de su cámara
//Ejemplo: var BaseURL = "http://172.21.1.122/";

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

// Las dos líneas siguientes se tienen que cambiar si se usa una AXIS 241S(A)/241Q(A)/240Q/243SA:

var Camera = ""; // Si usa una AXIS 240Q/241S(A)/241Q(A)/243SA, elimine esta línea mediante la inserción de "//"
// var Camera = "n"; // Cambie n al origen de vídeo que se use en la AXIS 240Q/ 241S(A)/241Q(A)/243SA y elimine "//"

// Vaya a la cámara utilizada y quite "//" delante de ImageResolution que se vaya a usar.
// Tenga en cuenta que las cámaras solo se pueden activar de una en una.

// La lista de otras resoluciones disponibles se muestra en la configuración del producto.

// AXIS 207/210/210A/211/211A/212 PTZ/216FD/221/225FD
// var ImageResolution = "320x240";var DisplayWidth = "320";var DisplayHeight = "240";
// var ImageResolution = "640x480";var DisplayWidth = "640";var DisplayHeight = "480";

// AXIS 213 PTZ/214 PTZ/231D(+)/232D(+)/240Q/241S(A)/241Q(A)/243SA PAL
// var ImageResolution = "352x288";var DisplayWidth = "352";var DisplayHeight = "288";
// var ImageResolution = "704x576";var DisplayWidth = "704";var DisplayHeight = "576";

// AXIS 213 PTZ/214 PTZ/231D(+)/232D(+)/240Q/241S(A)/241Q(A)/243SA NTSC
// var ImageResolution = "352x240";var DisplayWidth = "352";var DisplayHeight = "240";
// var ImageResolution = "704x480";var DisplayWidth = "704";var DisplayHeight = "480";

// Es la ruta al archivo de generación de imágenes de la propia cámara
var File = "axis-cgi/mjpg/video.cgi?resolution="+ImageResolution;
// No se necesitan cambios a partir de aquí
if (Camera != "") {File += "&camera=" + Camera;}
var output = "";
if ((navigator.appName == "Microsoft Internet Explorer") &&
(navigator.platform != "MacPPC") && (navigator.platform != "Mac68k"))
{
// If Internet Explorer under Windows then use ActiveX
output = '<OBJECT ID="Player" width='
output += DisplayWidth;
output += ' height=';
output += DisplayHeight;
output += ' CLASSID="CLSID:DE625294-70E6-45ED-B895-CFFA13AEB044" ';
output += 'CODEBASE="';
output += BaseURL;
output += 'activex/AMC.cab">';
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 += 'AXIS Media Control, que le permite ';
output += 'ver transmisiones de imágenes en directo en Microsoft Internet';
output += ' Explorer, podría no estar registrado en su ordenador.';
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>

Nota 1: Para ver otras opciones, consulte los ejemplos de HTML en la interfaz web del producto o las páginas para desarrolladores.

Nota 2: No copie y pegue directamente este código en el programa Microsoft FrontPage. Cópielo primero en el Bloc de notas para eliminar el formato y, a continuación, cópielo en la pestaña HTML de una nueva página en FrontPage.

Importante: Axis no acepta responsabilidad alguna por los efectos que estos cambios de configuración podrían tener en su sistema. Si la modificación produce errores o se obtienen resultados no esperados, podría tener que restaurar los ajustes predeterminados de fábrica tal y como se describe en el manual del usuario.