Ver imagen camara IP en Página web personal

Necesito saber como puedo coger el video en vivo que está sirviendo una cámara IP dentro de mi LAN.
La propia cámara lleva un servidor web pero yo quiero incrustarla en mi página web.

1 respuesta

Respuesta
Puedes optar por dos opciones:
La primera es utilizar el windows media player y configurar los parámetros siguientes:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Escoge Tu Reproductor Favorito</title>
<meta http-equiv="Radio On line OAXACA Mexico" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin-left: 00px;
margin-top: 00px;
}
-->
</style></head>
<body>
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width=300 height=100>
<param name="AudioStream" value="-1">
<param name="AutoSize" value="0">
<param name="AutoStart" value="-1">
<param name="AnimationAtStart" value="-1">
<param name="AllowScan" value="-1">
<param name="AllowChangeDisplaySize" value="-1">
<param name="AutoRewind" value="0">
<param name="Balance" value="0">
<param name="BufferingTime" value="5">
<param name="ClickToPlay" value="-1">
<param name="CursorType" value="0">
<param name="CurrentPosition" value="-1">
<param name="CurrentMarker" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="4">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableFullScreenControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="http://www.rcedigital.com:5982">
<param name="InvokeURLs" value="-1">
<param name="Language" value="-1">
<param name="Mute" value="0">
<param name="PlayCount" value="1">
<param name="PreviewMode" value="0">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="SendOpenStateChangeEvents" value="-1">
<param name="SendWarningEvents" value="-1">
<param name="SendErrorEvents" value="-1">
<param name="SendKeyboardEvents" value="0">
<param name="SendMouseClickEvents" value="0">
<param name="SendMouseMoveEvents" value="0">
<param name="SendPlayStateChangeEvents" value="-1">
<param name="ShowCaptioning" value="0">
<param name="ShowControls" value="-1">
<param name="ShowAudioControls" value="-1">
<param name="ShowDisplay" value="0">
<param name="ShowGotoBar" value="0">
<param name="ShowPositionControls" value="0">
<param name="ShowStatusBar" value="-1">
<param name="ShowTracker" value="0">
<param name="TransparentAtStart" value="0">
<param name="VideoBorderWidth" value="0">
<param name="VideoBorderColor" value="0">
<param name="VideoBorder3D" value="0">
<param name="Volume" value="-300">
<param name="WindowlessVideo" value="0">
</object>
</body>
</html>
La otra opcion es la de utilizar un iframe, que es cargar una página dentro de otra, esto sería mas o menos así:
<iframe style="width: 247px; height: 153px;" src="http://direciondetucamaraip/" frameborder="0" height="128" scrolling="no" width="313">cccc</iframe>
Y personalizas el andho y el alto.
Tanto la primera opcion como la segunda será necesario que el webserver de la camara ip tenga una ip publica.
Lo del iframe ya lo hemos probado, pero lo que pasa es que se incrusta toda la página de la cámara con los marcos y todo de la marca. Yo sólo quiero introducir la ventana que muestra el vídeo. Además es que quiero introducir en la página dos ventanas de vídeo una de la cámara k tengo en Barcelona y otra de una cámara que tengo en Chile.
Gracias y un saludo.
Ahora mismo lo estamos probando en local para instalarlas ya definitivamente en el sitio, pero creo k te podría pasar el código fuente del webserver k muestra el video. Ahora te lo miro.
Es cuestion de ver, pasame las ips de las camaras, así veo el código de fuente y te doy una solución.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0032)http://192.168.1.35/main-view.ml -->
<HTML><HEAD><TITLE>Network Camera SNC-VL10</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252"><!-- ZoneLabs Privacy Insertion -->
<SCRIPT language=javascript src="main-view_archivos/js"></SCRIPT>
<SCRIPT language=JavaScript1.2 type=text/javascript>
<!--
document.write("<SCRIPT LANGUAGE='JavaScript1.2' SRC='js/timecnt.js' TYPE='text/javascript'><\/SCRIPT>");
//-->
</SCRIPT>
<SCRIPT language=JavaScript>
<!-- hide script from old browers
var webeye_port="8080";
var next_turn = "start";
var cur_image_resolution = -1;
var cur_image_quality = -1;
var cur_image_expand = -1;
var cur_video_source = 0;
var cur_frame_rate = -1;
var cur_trim_ptz = "0"; // default
var webeye_hostname;
var admin_page_url, faqs_page_url, download_page_url;
var timer_id;
var isNav, isIE;
// get browser info.
isNav = (navigator.appName == "Netscape") ? true : false;
isIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;
// set common path info.
webeye_hostname = location.hostname;
// check cookie and set user info ...
user_name = getCookieValue(document.cookie, "USER_NAME");
user_passwd = getCookieValue(document.cookie, "USER_PASSWD");
self.status = "Network Camera SNC-VL10";
function StartService()
{
// SetMDDisplay(type, interval) type- 1:Message-Box, 2:Text-caption, others-number:off this mode, interval- message duration time(sec)
if (isIE) document.webeye.UsePalType = 1;
if (isNav) document.webeye.UsePalType("1");
if (document.webeye) {
SetParameters();
document.webeye.Connect(webeye_hostname, webeye_port);
if (isIE) timer_id = self.setInterval("ReadStatus();", 3000);
}
else {
window.alert("SNC-VL10 Plugin or Control not installed in this system");
}
}
function SetParameters()
{
document.webeye.SetAuthInfo(user_name, user_passwd);
// select video channel
if (isNav) document.webeye.SetVideoSource("0");
else if (isIE) document.webeye.VideoSource = 0;
// select frame rate : 0 => fastest
if (isNav) document.webeye.SetFrameRate("0");
else if (isIE) document.webeye.FrameRate = 0;
// go .. play..
if (isNav) document.webeye.SetImageResolution("2");
else if (isIE) document.webeye.ImgResolution="2";
document.webeye.Play();
}
function StopService()
{
if (isIE) {
document.webeye.Stop();
document.webeye.Disconnect();
}
}
function ReadStatus()
{
if (document.webeye) {
status_msg = document.webeye.GetStatusMsg();
//alert(status_msg);
self.status = status_msg;
}
}
function onLoad()
{
self.setTimeout("StartService();", 2000);
}
function onUnLoad()
{
if (document.webeye) {
StopService();
if (isIE) self.clearInterval(timer_id);
}
}
function WriteObjectTag()
{
if (isNav) {
document.write("<embed TYPE=application/x-webeye name='webeye' ");
document.write("PLUGINSPAGE='/netbox-install.ml' ALIGN=CENTER ");
document.write("WIDTH=720 HEIGHT=576 FRAMEBORDER='NO' MODEL='NETBOX'></embed>");
}
if (isIE) {
document.write("<object id='webeye' ");
document.write(" classid='clsid:A8739816-022C-11D6-A85D-00C04F9AEAFB' ");
document.write(" codebase='/netbox.cab#version=1,0,1,29' ");
document.write(" align='center' border='0' width='360' height='288'> ");
document.write(" <PARAM NAME=model VALUE='NETBOX'>");
document.write("</object>");
}
}
// end script hiding from old browsers -->
</SCRIPT>
<META content="MSHTML 6.00.2900.2722" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#000000 onload=onLoad(); onunload=onUnLoad();>
<DIV align=center>
<SCRIPT>WriteObjectTag();</SCRIPT>
</DIV><!-- ZoneLabs Popup Blocking Insertion -->
<SCRIPT language=javascript>postamble();</SCRIPT>
</BODY></HTML>
¿Las camaras se pueden ver DESDE internet?
Finaliza esta pregunta para que pueda responder nuevas preguntas de otros usuarios, ya que se acumularon demaciadas y no lo puedo hacer.

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas