SlideShare una empresa de Scribd logo
Como integrar la cámara IP en su sitio Web
Este documento explicara como capturar imagines desde su cámara IP LN-400/401 y
cargarlas en su propio sitio Web. Tome nota, este manual requiere conocimientos previos
de configuración de redes y HTML.
Este manual plantea una hipótesis de configuración de red donde la cámara esta
montada:
 1 router con capacidad de expedición de puertos conectado a Internet.
 1 Cámara IP conectada al router
1. Configurando la cámara
 Abra la página de configuración de la cámara (por defecto es 192.168.0.20, esta
dirección IP será referida como CameraIP durante el resto del manual)
 Abra la tabla de Configuration.
 Por cuestiones de seguridad necesitamos establecer una cuenta de usuarios
administrador y una contraseña. Configure esta opción bajo Admin. Asegurese de
recordar el nombre de usuario y contraeña!
 También asegurese que el ´gateway´ de la cámara este correctamente
configurado (suele ser la dirección IP del Router).
 Una vez hecho esto, active la opción Open Second Port y establezca el puerto
adicional con uno a su elección (por ejemplo 81). Se hará referencia a este
número como CameraPort durante el resto del manual.
 Haga clic en Save y cierre la página de configuración.
 La cámara ya esta lista.
2. Configurando su Router
 Abra la página de configuración del router.
 Ahora abra la página del router donde se encuentre la configuración de ´port
forwarding´ (expedición de puertos) (En los router Sitecom suele estar ubicado en
Advanced->Virtual Servers).
 Configure el Router para que expida todo el tráfico de entrada (TCP y UDP) a la
CameraPort a el CameraIP.
Ejemplo
Está imagen muestra un ejemplo de configuración utilizando un
Router Sitecom DC-202.
 Salve esta configuración y cierre la página de configuración
3. Integrando el Java applet de la cámara IP en su página Web
Para conectar la cámara IP a su página Web deberá agregar un código a su página web.
Este código le dirá al visitante de su página web como conectar a su cámara. Utiliza la
muy difundida tecnología Java™ pero debe saber que en algunos sistemas operativos no
disponen de soporte nativo para Java™ lo que significa que esos usuarios no podrán ver
las imágenes de su cámara.
Los que no dispongan de soporte Java™ deberán ingresar entonces al siguiente enlace:
http://java.sun.com/ y descargar e instalar el paquete “J2SE JRE”
El código
<APPLET name="cvcs" CODEBASE="http://InternetIPAddress:CameraPort/" CODE="xplug.class" WIDTH=320 HEIGHT=240>
<param name="RemotePort" value=CameraPort>
<param name="Timeout" value=5000>
<param name="RotateAngle" value=0>
<param name="PreviewFrameRate" value=20>
<param name="DeviceSerialNo" value="">
</APPLET>
Puede copiar el código directamente en el código fuente de su página Web. De todas
maneras hay 4 ítems (en negrita) que deberán ser ajustados acordando su configuración
 InternetIPAddress: deberá remplazar esta frase con su dirección IP publica
la cual es conocida de Internet. Así que NO utilice aquí la dirección CameraIP. Su
dirección IP pública (o también llamada dirección IP-WAN) suele ser encontrada
en la página de status de los Routers.
 CameraPort: Este es el puerto adicional que ha sido configurado para su
cámara.
 WIDTH: Esta es el ancho de la imagen de la cámara (Por defecto 320).
 HEIGHT: Este es el alto de la imagen de la cámara (Por defecto 240).
Una vez el código haya sido incluido correctamente en el código fuente de su página web.
Las imágenes en su página Web serán visibles desde Internet.
Esto concluye el Manual

Más contenido relacionado

PPTX
Manual de instalación wampserver
PPTX
Wamp server
PPTX
Wampserver
PPT
ODP
Presentación Bitnami
DOCX
Cómo instalar xampp
Manual de instalación wampserver
Wamp server
Wampserver
Presentación Bitnami
Cómo instalar xampp

La actualidad más candente (9)

DOCX
Leer antes de nada!
PPSX
Como Acelerar La Carga De Joomla
PDF
WPO: cómo configurar correctamente tu gestor de contenidos bajo un dominio .es
PDF
Instalacion chamilo-1.9
DOCX
Manual de Wampserver
PPTX
Tutorial para instalar apache + php + my sql
PDF
Tutorial de instalación de apache, php, mysql y phpmyadmin
PPT
Capacitación Conceptos básicos Internet
DOCX
Manual de InstalacióN IVECO
Leer antes de nada!
Como Acelerar La Carga De Joomla
WPO: cómo configurar correctamente tu gestor de contenidos bajo un dominio .es
Instalacion chamilo-1.9
Manual de Wampserver
Tutorial para instalar apache + php + my sql
Tutorial de instalación de apache, php, mysql y phpmyadmin
Capacitación Conceptos básicos Internet
Manual de InstalacióN IVECO
Publicidad

Similar a Ln 402-wl-400-website-integration-manual (20)

PDF
Configuracion de-camara-ip
PDF
Manual cámaras por_tec-oh.cl
PDF
Home use megapixel ip camera quick start guide
PPTX
Practica configuración de_un_router_y_camara_ip
PDF
Qué es una cámara ip
PDF
Video Una Webcam En Su Sitio
PPTX
Camara web
PDF
Foscam manual
PPTX
Cámaras ip
PPTX
Cámaras ip
PPTX
Camara web de alejandra tique y paula oviedo
PPTX
Camara web de alejandra tique y paula oviedo
DOCX
La cámara ip
PDF
Protyecto Marketing
PPTX
Camaras de seguridad ju
PPTX
Paso a paso (1)
PPT
Camaras ip
PPT
Camaras ip
PDF
Cámara IP
Configuracion de-camara-ip
Manual cámaras por_tec-oh.cl
Home use megapixel ip camera quick start guide
Practica configuración de_un_router_y_camara_ip
Qué es una cámara ip
Video Una Webcam En Su Sitio
Camara web
Foscam manual
Cámaras ip
Cámaras ip
Camara web de alejandra tique y paula oviedo
Camara web de alejandra tique y paula oviedo
La cámara ip
Protyecto Marketing
Camaras de seguridad ju
Paso a paso (1)
Camaras ip
Camaras ip
Cámara IP
Publicidad

Más de ismael verdugo (10)

DOC
PAUTA TRABAJO INVESTIGACION 4D.doc
PPTX
dia mundial del AGUA.pptx
PPTX
trivia retroalimentación.pptx
PPTX
trivia retroalimentación.pptx
PPTX
Ejemplos de dispositivos sistema domotico
PPTX
Semana de la especialidad
DOCX
Infotaller
DOCX
Guia Conectividad y Redes
DOCX
Tutorial configurar gestor de correo electronico outlook
DOCX
E.d. taller de computacion 2 medio
PAUTA TRABAJO INVESTIGACION 4D.doc
dia mundial del AGUA.pptx
trivia retroalimentación.pptx
trivia retroalimentación.pptx
Ejemplos de dispositivos sistema domotico
Semana de la especialidad
Infotaller
Guia Conectividad y Redes
Tutorial configurar gestor de correo electronico outlook
E.d. taller de computacion 2 medio

Último (20)

DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
PDF
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
PDF
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
PDF
Atencion prenatal. Ginecologia y obsetricia
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PDF
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
PDF
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
PDF
Metodologías Activas con herramientas IAG
PDF
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
PDF
Fundamentos_Educacion_a_Distancia_ABC.pdf
PDF
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
DOCX
V UNIDAD - PRIMER GRADO. del mes de agosto
PPTX
caso clínico iam clinica y semiología l3.pptx
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PDF
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
PDF
TOMO II - LITERATURA.pd plusenmas ultras
PDF
Híper Mega Repaso Histológico Bloque 3.pdf
DOCX
Informe_practica pre Final.docxddadssasdddddddddddddddddddddddddddddddddddddddd
PDF
Punto Critico - Brian Tracy Ccesa007.pdf
V UNIDAD - SEGUNDO GRADO. del mes de agosto
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
Atencion prenatal. Ginecologia y obsetricia
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
Metodologías Activas con herramientas IAG
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
Fundamentos_Educacion_a_Distancia_ABC.pdf
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
V UNIDAD - PRIMER GRADO. del mes de agosto
caso clínico iam clinica y semiología l3.pptx
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
TOMO II - LITERATURA.pd plusenmas ultras
Híper Mega Repaso Histológico Bloque 3.pdf
Informe_practica pre Final.docxddadssasdddddddddddddddddddddddddddddddddddddddd
Punto Critico - Brian Tracy Ccesa007.pdf

Ln 402-wl-400-website-integration-manual

  • 1. Como integrar la cámara IP en su sitio Web Este documento explicara como capturar imagines desde su cámara IP LN-400/401 y cargarlas en su propio sitio Web. Tome nota, este manual requiere conocimientos previos de configuración de redes y HTML. Este manual plantea una hipótesis de configuración de red donde la cámara esta montada:  1 router con capacidad de expedición de puertos conectado a Internet.  1 Cámara IP conectada al router 1. Configurando la cámara  Abra la página de configuración de la cámara (por defecto es 192.168.0.20, esta dirección IP será referida como CameraIP durante el resto del manual)  Abra la tabla de Configuration.  Por cuestiones de seguridad necesitamos establecer una cuenta de usuarios administrador y una contraseña. Configure esta opción bajo Admin. Asegurese de recordar el nombre de usuario y contraeña!  También asegurese que el ´gateway´ de la cámara este correctamente configurado (suele ser la dirección IP del Router).  Una vez hecho esto, active la opción Open Second Port y establezca el puerto adicional con uno a su elección (por ejemplo 81). Se hará referencia a este número como CameraPort durante el resto del manual.  Haga clic en Save y cierre la página de configuración.  La cámara ya esta lista. 2. Configurando su Router  Abra la página de configuración del router.  Ahora abra la página del router donde se encuentre la configuración de ´port forwarding´ (expedición de puertos) (En los router Sitecom suele estar ubicado en Advanced->Virtual Servers).  Configure el Router para que expida todo el tráfico de entrada (TCP y UDP) a la CameraPort a el CameraIP. Ejemplo Está imagen muestra un ejemplo de configuración utilizando un Router Sitecom DC-202.  Salve esta configuración y cierre la página de configuración
  • 2. 3. Integrando el Java applet de la cámara IP en su página Web Para conectar la cámara IP a su página Web deberá agregar un código a su página web. Este código le dirá al visitante de su página web como conectar a su cámara. Utiliza la muy difundida tecnología Java™ pero debe saber que en algunos sistemas operativos no disponen de soporte nativo para Java™ lo que significa que esos usuarios no podrán ver las imágenes de su cámara. Los que no dispongan de soporte Java™ deberán ingresar entonces al siguiente enlace: http://java.sun.com/ y descargar e instalar el paquete “J2SE JRE” El código <APPLET name="cvcs" CODEBASE="http://InternetIPAddress:CameraPort/" CODE="xplug.class" WIDTH=320 HEIGHT=240> <param name="RemotePort" value=CameraPort> <param name="Timeout" value=5000> <param name="RotateAngle" value=0> <param name="PreviewFrameRate" value=20> <param name="DeviceSerialNo" value=""> </APPLET> Puede copiar el código directamente en el código fuente de su página Web. De todas maneras hay 4 ítems (en negrita) que deberán ser ajustados acordando su configuración  InternetIPAddress: deberá remplazar esta frase con su dirección IP publica la cual es conocida de Internet. Así que NO utilice aquí la dirección CameraIP. Su dirección IP pública (o también llamada dirección IP-WAN) suele ser encontrada en la página de status de los Routers.  CameraPort: Este es el puerto adicional que ha sido configurado para su cámara.  WIDTH: Esta es el ancho de la imagen de la cámara (Por defecto 320).  HEIGHT: Este es el alto de la imagen de la cámara (Por defecto 240). Una vez el código haya sido incluido correctamente en el código fuente de su página web. Las imágenes en su página Web serán visibles desde Internet. Esto concluye el Manual