Tema: Sistema de camaras en web
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/02/2010, 17:27
Avatar de infiero
infiero
 
Fecha de Ingreso: marzo-2006
Mensajes: 38
Antigüedad: 19 años
Puntos: 3
Busqueda Sistema de camaras en web
Hola que tal, bueno ya hace bastante que vengo usando este foro
para solucionar mis problemas, pero ya hoy encontre un tope en el cual no puedo
solucionar mi problema sin preguntar.
Bueno no vengo a hacer obviamente la pregunta como montarlo
ya lo logre, se puede observar


http://anicomics.dyndns.org:8080


Mi intencion es poder mover todo pero a mi propia web osea hacer q trasmita a mi web

Esta es la web que genera el programa en mi pc
obtiene los css / js y imagenes de una carpeta en el programa
y genera un index

aca les dejo los archivos que utiliza para crear el index
www.megaupload.com/?d=HCPNKL33

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5.     <meta name="robots" content="all" />
  6.     <title>webcamXP 5</title>
  7.     <link rel="stylesheet" href="css_styles/default.css" media="screen" />
  8.     <script type="text/javascript">
  9.     </script>
  10.     <script type="text/javascript" src="js/mootools-1.2-core.js"></script>
  11.  
  12.     <script type="text/javascript" src="js/mootools-1.2-more.js"></script>
  13. </head>
  14. <body id="webcamXP-body">
  15. <div id="container">
  16.  <div id="fwindowholder"><span style="display:none">.</span></div>
  17.     <div id="intro">
  18.         <div id="pageHeader">
  19.             <h1><span>webcamXP 5</span></h1>
  20.             <h2><span>webcams and ip cameras server for windows</span></h2>
  21.  
  22.         </div>
  23.         <div class="wxptopnav">
  24.           <div class="wxpmenu">
  25. <span class="btn-start">&nbsp;</span><a class="btn-arrow" href="home.html"><span>Home</span></a><a class="btn-arrow" href="multi.html"><span>Multi view</span></a><a class="btn-arrow" href="gallery.html"><span>Gallery</span></a><a class="btn-arrow" href="admin.html"><span>Administration</span></a><span class="btn-stop">&nbsp;</span><br/>
  26.  
  27.           </div>
  28.           <div class="wxplogin">
  29. Not logged in
  30.           </div>
  31.  
  32.         </div>
  33. <div class="wxpcontainer">
  34.           <div class="wxpsrcsel">
  35.     <script type="text/javascript">
  36. var height_array = new Array();
  37. var width_array = new Array();
  38. width_array[1] = 320;
  39. height_array[1] = 240;
  40.     function CamSelect()
  41.     {
  42.             var destSrc = document.getElementById("srcSelect").value;
  43.             var destMode = document.getElementById("modeSelect").value;
  44.             if (destMode == "0"){
  45.             currentCamera1 = destSrc;
  46.             document.images.webcam1.onload = DoIt1;
  47.             document.images.webcam1.onerror = ErrorImage1;
  48.             document.images.webcam1.src = "cam_" + currentCamera1 + ".jpg;"
  49.             document.images.webcam1.width = width_array[currentCamera1];
  50.             document.images.webcam1.height = height_array[currentCamera1];
  51.           var mydiv = document.getElementById("wxpcamdiv");
  52.             if (mydiv != null){
  53.             mydiv.style.width = parseInt(width_array[currentCamera1]+5) + "px";
  54.             }
  55.             if (mydiv == null){alert('div not found');}
  56.           var myifr = document.getElementById("_iframe-ptz");
  57.           if (myifr != null) myifr.src = "/ptz?src=" + destSrc;
  58.             }else{
  59.             ModeSelect();
  60.             }
  61.     }
  62.     function ModeSelect()
  63.     {
  64.             var destSrc = document.getElementById("srcSelect").value;
  65.             var destMode = document.getElementById("modeSelect").value;
  66.             parent.location.href = "/?src=" + destSrc + "&mode=" + destMode;
  67.     }
  68.     </script>
  69. <select id="srcSelect" onchange="CamSelect()">
  70.   <option SELECTED value="1">Source 1</option>
  71. </select>&nbsp;
  72. <select id="modeSelect" onchange="ModeSelect()">
  73.   <option value="0">JavaScript</option>
  74.  
  75.   <option value="1">Motion Jpeg [Firefox]</option>
  76.   <option SELECTED value="2">Flash</option>
  77. </select>
  78.           </div>
  79.           <div id="wxpptz" class="wxpptz">
  80.           <div id="wxpdragptz" class="wxpdragme">Pan, Tilt &amp; Zoom</div>
  81. <iframe id="_iframe-ptz" width="115" height="120" src="/ptz?src=1" frameborder="0" allowtransparency="true" scrolling="no" ></iframe>
  82.  
  83. <br/>
  84.           </div>
  85.           <script type="text/javascript" language="javascript" charset="utf-8">
  86.           // <![CDATA[
  87.           new Drag('wxpptz',{
  88.           onStart:function(el)
  89.           {
  90.             el.setOpacity(.5);
  91.           },
  92.           onComplete:function(el)
  93.           {
  94.             el.setOpacity(1);
  95.           }});
  96.           // ]]>
  97.           </script>
  98.           <br />
  99.           <div id="wxpcamdiv" class="wxpcamdiv" style="width : 325px">
  100.           <div id="wxpdragcam" class="wxpdragme">Live View</div>
  101. <object type="application/x-shockwave-flash" width="320" height="240" data="webcamxp.swf">
  102. <param name="movie" value="webcamxp.swf?webcam=cam_1.jpg&amp;refresh=50&amp;connect=&amp;offline=&amp;transtype=Fade&amp;bgcolor=#FFFFFF&amp;txtcolor=#808080" />
  103. <param name="FlashVars" value="webcam=cam_1.jpg&amp;refresh=50&amp;connect=&amp;offline=&amp;transtype=Fade&amp;bgcolor=#FFFFFF&amp;txtcolor=#808080" />
  104. <param name="loop" value="false" />
  105.  
  106. <param name="menu" value="false" />
  107. <param name="quality" value="best" />
  108. <param name="scale" value="noscale" />
  109. <param name="salign" value="lt" />
  110. <param name="wmode" value="opaque" />
  111. </object>
  112.           </div>
  113.           <script type="text/javascript" language="javascript" charset="utf-8">
  114.           // <![CDATA[
  115.           new Drag('wxpcamdiv',{
  116.           onStart:function(el)
  117.           {
  118.             el.setOpacity(.5);
  119.           },
  120.           onComplete:function(el)
  121.           {
  122.             el.setOpacity(1);
  123.           }});
  124.           // ]]>
  125.           </script>
  126. <br/><br/>
  127. <center><object width="605" height="285" id="obj_1209901150515">
  128. <param name="movie" value="http://wLite.chatango.com/group"/>
  129. <param name="wmode" value="transparent"/>
  130. <param name="AllowScriptAccess" VALUE="always"/>
  131. <param name="AllowNetworking" VALUE="all"/>
  132.  
  133. <param name="AllowFullScreen" VALUE="true"/>
  134. <param name="flashvars" value="cid=1209901150515&b=60&f=50&l=999999&q=999999&r=100&s=1"/>
  135. <embed id="emb_1209901150515" src="http://wLite.chatango.com/group" width="605" height="285" 
  136. wmode="transparent" 
  137. allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" 
  138. flashvars="cid=1209901150515&b=60&f=50&l=999999&q=999999&r=100&s=1">
  139. </embed></object>
  140. </center>
  141. </div><br/>
  142.         <div class="wxpdark">
  143.            <div class="internal_content">
  144.             powered by <a href="http://www.webcamxp.com" title="www.webcamxp.com">webcamxp 5</a> v5.3.2.375
  145.            </div>
  146.         </div>
  147.  
  148.         <div class="footer">
  149.             <a href="http://validator.w3.org/check/referer" title="Check the validity of this site’s XHTML">xhtml</a> &nbsp;
  150.             <a href="http://jigsaw.w3.org/css-validator/check/referer" title="Check the validity of this site’s CSS">css</a> &nbsp;
  151.         </div>
  152.     </div>
  153. </div>
  154. </body>
  155. </html>