Hola amigos, tengo unas camaras ip linksys que necesito integrar en mi web, para ello he buscado por la red para obtener el stream de video de la camara. Una vez he hecho esto lo he insertado en un html y listo. Ahora el problema al que me enfrento es que no logro crear dos objetos de stream para mis dos cámaras.
Había pensado crear una funcion a la cual le pasara la direccion de la camara, pero no me sirve. A continuación os adjunto el codigo para ver si alguien me puede hechar una mano. Gracias. Saludos
<LINK REL="stylesheet" TYPE="text/css" HREF="std.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META http-equiv="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<meta HTTP-EQUIV="Expires" CONTENT="Mon, 06 Jan 1990 00:00:01 GMT">
<script language="JavaScript" type="text/javascript" src="adm/stdlib.js"></script>
<script language="JavaScript" type="text/javascript" src="adm/message.js"></script>
<script language="JavaScript" type="text/javascript">
<!-- Start Script
var interval_id = null;
var run_flag = false;
var vmode = "mpeg"; // mpeg, jpeg
// var vmode = "mpeg";
var PanTilt = "off"; // on, off
var FrameRate = "30";
var sizetimer = 1000; // milliseconds
var vsize;
var resolutionA = new Array(160, 320, 640);
var heightA = new Array(154, 246, 486);
var widthA = new Array(309, 469, 789);
var borderA = new Array(120, 120, 40); // total (top + bottom)
function getSizeIndex(imgSize)
{
for (var i = 0; i < resolutionA.length; i++)
if(imgSize == resolutionA[i])
return i;
return 0; // no match
}
function checkSize()
{
if (!document || !document.NetCamPlayerWeb11gv2 || false == run_flag)
{
return;
}
var newsize = document.NetCamPlayerWeb11gv2.GetSize();
/*
alert("CheckSize(), newsize:vsize");
alert(newsize);
alert(vsize);
*/
if (newsize != vsize)
setObjSize(newsize);
}
function setObjSize(newsize)
{
if (!document || !document.NetCamPlayerWeb11gv2 || false == run_flag)
{
return;
}
var index = getSizeIndex(newsize);
document.NetCamPlayerWeb11gv2.width = widthA[index];
document.NetCamPlayerWeb11gv2.height = heightA[index];
// document.getElementById("vidDIV").style.height = heightA[index] + borderA[index];
/*
alert("setObjSize(), newsize:netcamObj.width:height");
alert(newsize);
alert(netcamObj.width);
alert(netcamObj.height);
*/
if (!document || !document.NetCamPlayerWeb11gv2 || false == run_flag)
{
return;
}
//alert(newsize);
document.NetCamPlayerWeb11gv2.SetSize(newsize);
vsize = newsize;
}
function doPlay()
{
var cf = document.forms[0];
// var rFlag = (cf.h_rotate180.value == "enable");
var serverAddress = "http://direccion/";
//var serverAddress = "http://172.21.4.81";
if( vmode == "jpeg" )
serverAddress += "/img/mjpeg.cgi";
else
serverAddress += "/img/video.asf";
if(!document.NetCamPlayerWeb11gv2)
return;
if (document.NetCamPlayerWeb11gv2.SetSource(serverAdd ress, vmode, PanTilt, FrameRate, 1, 1))
{
// document.NetCamPlayerWeb11gv2.RotateImage(rFlag); //ocx not implement yet
document.NetCamPlayerWeb11gv2.StartPlay(0,'');
run_flag = true;
interval_id = setInterval("checkSize()", sizetimer);
}
}
function doStop()
{
run_flag = false;
if (interval_id)
clearInterval(interval_id);
//clearTimeout(timeout_id);
if (!document || !document.NetCamPlayerWeb11gv2)
{
return;
}
document.NetCamPlayerWeb11gv2.StopPlay();
}
function init()
{
var cf = document.forms[0];
showMsg();
self.status = msg_connect_livevideo;
//timeout_id = setTimeout("self.status = ''", 1500);
vsize = parseInt(cf.h_resolution.value);
var tmp_size = vsize;
doPlay();
setObjSize(tmp_size);
self.status = '';
}
// End Script -->
</script>
</head>
<body marginheight="20" marginwidth="0" leftmargin="0" topmargin="20" bgcolor="#e5e5e5" onLoad="init()" onbeforeUnload="if(run_flag==true) doStop()">
<form name="dummy" method="post" action="none" onSubmit="return false;">
<object classid="clsid:D7208880-9B7A-43E1-AABB-8C888A5704F9" CODEBASE="NetCamPlayerWeb11gv2.cab#Version=1,0,1,6 " id="NetCamPlayerWeb11gv2">
<param name="_Version" value="65536">
<param name="_ExtentX" value="11774">
<param name="_ExtentY" value="6562">
<param name="_StockProps" value="0">
</object>
</div>
<input type="hidden" name="message" value="">
<input type="hidden" name="todo" value="connect">
<input type="Hidden" name="h_resolution" value="320">
</form>