Distribución de vídeo capturado con la cámara en las páginas Web

Transcripción

1 Distribución de vídeo capturado con la cámara en las páginas Web Este documento ofrece información de referencia relacionada con la distribución de vídeo capturado con la cámara en una página Web. Personalización de la página principal Distribución de vídeo en una página Web mediante el VB Viewer Código de muestra incluida Almacenamiento de contenido de la página Web en la cámara Cámaras pertinentes Esta información corresponde a las siguientes cámaras: VB-M700F, VB-M600VE, VB-M600D, VB-M40 Las explicaciones de este documento utilizan el modelo VB-M40 como ejemplo. Código de muestra (proporcionada con la cámara) explicada en este documento El uso del código de muestra no está cubierto por la garantía y no se proporciona asistencia técnica al cliente por este motivo. Cuando utilice este código de muestra para las páginas Web que va a publicar en Internet, asegúrese de registrarlas con un servidor Web específico de antemano. Es necesario habilitar las cookies y JavaScript en los ajustes del navegador para poder utilizar el VB Viewer y las páginas Web creadas mediante este código de muestra. Personalización de la página principal La página principal de la cámara se puede cambiar, así como la visualización de la pantalla o los detalles de funcionamiento, para que se ajusten a sus propósitos. Nota Es posible acceder a la página principal desde la siguiente página Web. IP de la cámara>/ Por ejemplo, especifique lo siguiente en la barra de direcciones del navegador si la dirección IP de la cámara es

2 Cambio de la página principal La página principal de la cámara (archivos HTML, hojas de estilo, archivos de imagen, etc.) se graba en la memoria flash interna de la cámara. Es posible obtener los archivos de la página principal y actualizarlos si se accede a la memoria flash a través del FTP. Los archivos HTML de la página principal se dividen de la manera siguiente para cada idioma. Tipo de archivo Ruta de acceso Nombre del archivo Página principal en japonés /mnt_flash/www/html/top/ index-ja.html Página principal en inglés Página principal en francés Página principal en italiano Página principal en alemán Página principal en español index.html index-fr.html index-it.html index-de.html index-es.html Sobrescriba las hojas de estilo y los archivos de imagen según sea necesario. Las hojas de estilo y los archivos de imagen de la página principal predeterminada se pueden encontrar en las siguientes rutas de acceso. Tipo de archivo Ruta de acceso Nombre del archivo Archivos de hojas de estilo /mnt_flash/www/html/top/ toppage.css Archivos de imagen en japonés /mnt_flash/www/html/top/img Archivos que empiezan por j_ Archivos de imagen en inglés Archivos de imagen en francés Archivos de imagen en italiano Archivos de imagen en alemán Archivos de imagen en español Archivos de imagen en segundo plano Otros archivos de imagen Archivos que empiezan por e_ Archivos que empiezan por f_ Archivos que empiezan por i_ Archivos que empiezan por g_ Archivos que empiezan por s_ top_back.jpg logo.gif Asegúrese de especificar correctamente las rutas de acceso a las hojas de estilo y los archivos de imagen que desea utilizar en la página principal modificada. Antes de cambiar la página principal, realice una copia de seguridad de la página principal estándar (la página principal predeterminada que está grabada en la cámara). Cuando se ejecute [Restaurar configuraciones] desde la página de configuración > [Mantenimiento] > [Herramienta] o se actualice el firmware, la página principal estándar de la cámara se restaurará como la página principal. Deberá volver a sobrescribir la página principal estándar para utilizar la página principal personalizada (los archivos que no pertenezcan a la página principal quedarán sin cambios después de la actualización del firmware). Es recomendable que realice una copia de seguridad de los archivos utilizados para corregir la página principal personalizada. No podemos garantizar que la página principal vaya a funcionar correctamente una vez se haya cambiado. Además, en tales casos no se proporcionará ningún tipo de asistencia técnica al cliente. 2

3 Distribución de vídeo en una página Web mediante el VB Viewer Encontrará la explicación de un ejemplo de distribución de vídeo en una página Web específica mediante el uso del VB Viewer de la cámara. Utilice este ejemplo para crear su página Web. Servidor Web específico Enrutador PC para el visor Internet Cámara Asegúrese de que el servidor Web y la dirección IP de la cámara (o dirección global) se encuentran en la misma subred cuando utilice un servidor Web específico. Distribución de vídeo mediante el uso del VB Viewer Muestra de página Web 3

4 Contenido de los archivos HTML de la página Web (sample.htm) <html> <head> <title>vb Viewer Sample Page</title> </head> <body bgcolor="gray"> <center> <h1>página de muestra</h1> <iframe src=" IP de la cámara>/viewer/live/es/live.html" scrolling="no" width=490 height=500> </iframe> Consulte los Atributos del elemento iframe para obtener información acerca de los valores de distintos atributos. </center> </body> </html> Es posible que la ventana de visualización panorámica esté oculta según el tamaño de pantalla (marco) del VB Viewer. Ajuste el tamaño, o desplace la ventana de visualización panorámica arrastrando la barra del título. Para distribuir el audio, asegúrese de establecer la [Dirección global de la página Web]. Nota Puede utilizar la función de configuración de idiomas del navegador para crear una página Web multilingüe. Por ejemplo, ajuste la página principal para los usuarios japoneses como index-ja.html y la página en inglés para los usuarios en el extranjero como index.html, además, separe la dirección URL con barras inclinadas, como en IP de la cámara>/sample/. De este modo, el servidor enviará los archivos correspondientes de acuerdo con la configuración de idiomas del navegador para la página a la que se accede. Si desea obtener más detalles sobre la función de configuración de idiomas, consulte la Ayuda del navegador. Atributos del elemento iframe Puede cambiar los valores de atributo de los elementos iframe para crear una página Web que se ajuste a sus propósitos o a lo que desea expresar en la página. Utilice cada parámetro sólo después de haber comprendido perfectamente lo que significa. Nombre del atributo Omisión Ejemplo src No permitido Especifique la dirección URI del VB Viewer. scrolling Permitido Especifique si desea visualizar u ocultar la barra de desplazamiento. src=" IP de la cámara>/viewer/live/<idioma>/live.html" Si desea guardar la página Web en la memoria flash de la cámara, también puede omitir la dirección IP de la manera siguiente. src="/viewer/live/<idioma>/live.html" El idioma del VB Viewer visualizado se especifica en <Idioma> tal como se indica a continuación. Japonés: ja Inglés: en Francés fr Italiano: it Alemán: de Español: es Defina la opción de la manera siguiente para ocultar la barra de desplazamiento. scrolling="no" 4

5 Código de muestra incluida La información siguiente proporciona un ejemplo del código de muestra incluido en la carpeta SAMPLE del CD-ROM de configuración. Puede visualizar el vídeo capturado por la cámara como una imagen fija en el momento en el que el cliente acceda a su página Web. Puede visualizar el vídeo capturado por la cámara como una imagen en movimiento en el momento en el que el cliente acceda a su página Web. Ejemplo 1: Visualización de vídeo en directo como una imagen fija en el momento de acceso Ejemplo de visualización Este código de muestra permite obtener y visualizar imágenes fijas de la cámara. Descripción <div id="image"> <img src=" IP de la cámara>/-wvhttp-01-/image.cgi?v=jpg:320x240" width="320" height="240" alt="still image" /> </div> Consulte el código de muestra incluida para obtener un ejemplo determinado. 5

6 Ejemplo 2: Visualización de vídeo en directo como una imagen en movimiento en el momento de acceso Ejemplo de visualización Este código de muestra permite obtener y visualizar vídeo en directo de la cámara. La reproducción se inicia cuando se pulsa el botón de reproducción. Descripción var open_url = " IP de la cámara>/-wvhttp-01-/open.cgi?v=jpg:320x240"; Parámetros del comando Si desea obtener los parámetros de los comandos image.cgi y open.cgi, consulte la siguiente tabla. Comando Explicación v Especifique el tamaño de imagen en uno de los siguientes formatos: v=jpg:160x120 v=jpg:320x240 v=jpg:640x480 v=jpg:1280x960 6

7 Grabación de los datos de la página Web Los datos de la página Web se pueden guardar en la memoria flash de la cámara. Al guardar la página Web para la distribución de vídeo en la memoria flash interna de la cámara, podrá distribuir tanto la página Web como el vídeo mediante el uso únicamente de la cámara. Para guardar los datos, transfiera los archivos de datos de la página Web a la carpeta /usr/www/html/local a través del ftp. La dirección URI del destino de transferencia de los datos y la dirección URI para abrir los datos transferidos en un navegador Web son las siguientes. URI (al acceder desde un cliente FTP) ftp://<dirección IP de la cámara>/usr/www/html/local URI (al acceder desde un navegador Web) IP de la cámara>/local/ Cuando guarde los datos de la página Web en la memoria flash de la cámara, asegúrese de que el tamaño total de los datos no supere los 2 MB. Si el espacio disponible en la memoria flash se reduce mucho, es posible que la velocidad de escritura descienda. Guarde solamente la cantidad mínima de archivos que necesite en la memoria flash. Si los datos de la página Web aumentan demasiado de volumen, es posible que ya no sea posible cambiar la configuración de la cámara. Cuando se ejecute [Restaurar configuraciones] desde la página de configuración > [Mantenimiento] > [Herramienta], se eliminarán los datos guardados; por lo tanto, realice una copia de seguridad de antemano. Si los datos de la página Web se guardan en la memoria flash, asegúrese de comprobar el registro de los eventos después de cambiar todas las configuraciones para confirmar que no se genera ningún error (S306, S307) mientras se guardan los nuevos ajustes. En el caso de que se grabe un error, elimine los datos de la página Web y vuelva a establecer los datos. PUB.YT CANON INC. 2011