Olvidad mi correo anterior, entre tanto html creía que todo correspondía a
la misma página.
Post by Edgardo Raúl GallettoYa lo probé y no funciona. Incluso..no genera ningún avi ni mpeg...acá te
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0029)http://192.168.5.105/main.htm -->
<HTML><HEAD><TITLE>IP CAMERA</TITLE>
<META content="text/html; charset=windows-1252" http-equiv=Content-Type>
<META content=no-cache http-equiv=Pragma>
<META content=no-cache http-equiv=Cache-Control><LINK rel=stylesheet
type=text/css href="main_archivos/css.css">
<SCRIPT language=JavaScript src="main_archivos/localization.js"></SCRIPT>
<SCRIPT language=JavaScript src="main_archivos/commfunc.js"></SCRIPT>
<SCRIPT language=JavaScript src="main_archivos/axobjdef.js"></SCRIPT>
<SCRIPT type=text/JavaScript>
<!--
var PLUGIN_LANG=0;
//var INITMODE = "Player";
var VIEW_SIZE = getViewSize();
var PROTOCOL_TYPE=getProtocol();
var INITMODE = "none";
var CAPTEXT = "Live View";
var STATUSBAR = 1;
var TOOLBAR = 1;
var CONTEXTMENU = 0;
var AUTOSTART=1;
var TOOLBARCONF = "stream+rec+mic+zoom+time";
CHANNEL = getVideoFmt();
//var PROTOCOL_TYPE=getProtocol();
//-->
</SCRIPT>
<META name=GENERATOR content="MSHTML 9.00.8112.16455"></HEAD>
<BODY onunload=onAxobjUnload() leftMargin=0 topMargin=0>
<DIV style="MARGIN: 90px auto 0px">
<CENTER>
<SCRIPT>Viewer()</SCRIPT>
</CENTER>
<SCRIPT for=AxMediaControl event="OnConnectStateNotify(id, msg)">
if(navigator.appName.toLowerCase().indexOf("microsoft internet
explorer") >= 0)
{
if(msg=="video lost")
{
window.top.leftFrame.location.reload();
window.top.mainFrame.location.reload();
}
else if(msg=="full connect")
{
alert(loadLangString("L_Warn_FullConnection",false));
}
else if(msg=="mic occupy")
{
alert(loadLangString("L_MicOccupy",false));
}
}
</SCRIPT>
</DIV>
<SCRIPT type=text/JavaScript>
<!--
if(CHANNEL!=3) // jpeg mode
{
if(AxMediaControl.UIMode)
{
AxMediaControl.Play(1);
}
}
StyleCustomize("main");
//-->
</SCRIPT>
</BODY></HTML>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>El Tico Tico</title>
<?php
include "style.php";
?>
</head>
<body>
<noscript>
<p>
Necesitas si o si tener activado JavaScript en tu navedador
</p>
</noscript>
<article>
<div class="borde" align="center">
<img
src="
http://localhost/24._Elticotico/wp-content/themes/desarrollos/images/logo.png
"
alt="Tico Tico" align="center" />
</div>
<section class="pics">
<iframe frameborder="0" width="665" height="569" border="0"
id="camara1" src="http://192.168.5.105/main.htm">
</iframe>
<img
src="
http://localhost/24._Elticotico/wp-content/themes/desarrollos/images/img10.jpg
"
alt="10" />
<img
src="
http://localhost/24._Elticotico/wp-content/themes/desarrollos/images/img7.jpg
"
alt="07" />
<img
src="
http://localhost/24._Elticotico/wp-content/themes/desarrollos/images/img8.jpg
"
alt="08" />
</section>
</article>
<script type="text/javascript">
$('.pics').cycle({
fx: 'fade',
pause: 1
});
</script>
<footer>
<div>
Powered by <a href="http://www.webmoderna.com.ar"
target="_blank">WebModerna</a>
</div>
</footer>
</body>
<?php
include "scripts.php";
?>
</html>
De esa forma el iframe es otra digamos...imagen más....por lo tanto va
pasando con efecto fade al igual que las otras imágenes del slideshow.
Repito: todo viene porque no existe un slideshow en jquery que pase algo más
que imágenes; como ser algún archivo de video....o lo que proviene de una
cámara ip en vivo y en directo. Asi que tuve que improvisar. Funciona de la
forma que yo lo hice. Y lo hace bien. El drama que tengo que solucionar
ahora es como evitar el cambio de ip automática y reemplazarla con un nombre
dns....ya sea a través de no-ip-duc u otro.
Y con CSS pues creé un parche encima de esa parte que el video en vivo tiene
como margen superior todo blanco y al vicio. Sacrifico en cortar las otras
imágenes pero bue...no hay drama...lo más importante era el video de la
cámara ip.
Igual muuuchas gracias. Les adjunto además el CSS así lo tiene completito y
lo pueden ver.
<style type="text/css">
body
{
background:#5A3928 url(images/bg2.jpg) no-repeat top left;
color:#5A3928;
font-family:Tahoma, Verdana, Sans-Serif;
font-size:16px;
padding:0;
margin:0;
width:100%;
}
a, a:hover, a:visited, a:active
{
color:#fff;
text-shadow:0px 0px 12px #fff;
text-decoration:none;
}
section
{
border:2px solid #EEA521;
border-radius:5px;
box-shadow:0px 5px 25px #000;
display: inline-block;
margin:5px;
margin-bottom:3em;
max-width:650px;
max-height:480px;
overflow: hidden;
}
article
{
border:none;
margin:0;
overflow:hidden;
padding:0;
text-align:center;
}
article section img
{
max-height:480px;
width:100%;
}
footer div
{
background:rgba(0,0,0,0.3);
border-radius:15px 0 0 0;
border-top:6px solid rgba(0,0,0,0.3);
bottom:0;
color:#fff;
text-shadow:0px 0px 12px #fff;
font-size: 10px;
font-weight: lighter;
margin-top:1px;
padding:1em;
position:absolute;
right:0;
text-align:center;
width:230px;
}
footer div a
{
background:url(alhost/24._Elticotico/wp-content/themes/desarrollos/images/webmoderna.ico)
no-repeat center left;
padding: 1em 0 1em 2.5em;
}
.borde
{
background:rgba(0,0,0,0.95) ;
/*url(
http://localhost/24._Elticotico/wp-content/themes/desarrollos/images/eltitoticobg.jpg
)
repeat top left*/
border-bottom:2px solid #EEA521;
box-shadow:0px 5px 20px #000;
color:yellow;
display:block;
height: 90px;
padding:1em 0;
position: absolute;
width:100%;
z-index:9;
}
.borde img {border-radius:12px;box-shadow:0px 0px 20px #fff;}
</style>
-----Original Message-----
From: Manuel Canga
Sent: Thursday, December 13, 2012 10:46 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] CSS para modificar un iframe
um...otra opción.
Lo que estás intentando meter en el iframe es una página html que
llamaremos por ejemplo: http://ipcamara:puerto/video.html
Haciendo como es obvio: <iframe src="http://ipcamara:puerto/video.html" ../>
Digo yo, ¿ Por qué no coges el código del donde se encuentra el vídeo
y lo plantas
directamente en tu pagina ?.
Es decir. Si el iframe tiene un código
<object src="video-34234234asdfas23.avi">
....
</object>
Pues te llevas ese código al lugar donde querías poner el iframe pero
<object src="http://ipcamara:puerto/video-34234234asdfas23.avi">
....
</object>
Saludos y suerte
El 12 de diciembre de 2012 08:28, Edgardo Raúl Galletto <
Post by Edgardo Raúl GallettoQuerida gente! Lo he intentado todo. Incluso busque y rebusque por la
web.
Post by Edgardo Raúl GallettoTodo el mundo coincide (lo que suponía en un principio) es que lo que
esta
Post by Edgardo Raúl Gallettodentro de un iframe es intocable e inmodificable. Obvio! Es una web
externa. Ni si quiera Dios con sus poderes puede hacerlo! Habría una
exepcion que es cuando comparten el mismo dominio! Oh! Que chistoso! Así
cualquiera! Por lo tanto amigos tuve que recurrir a un parche de mal
gusto
Post by Edgardo Raúl Gallettopara mi pero efectivo: el article donde adentro se pasaran las imágenes y
iframe como Slideshow...le di una altura equivalente a ese molesto
espacio
Post by Edgardo Raúl Gallettoblanco dentro del iframe que quería eliminar. Por encima con un z-index y
position: absolute; coloque un div que tape por encima ese espacio. Al
resto de las imagenes no me quedo otra que redimensionarlas con un
espacio
Post by Edgardo Raúl Gallettosuperior del mismo tamaño que el div y lo de adentro del iframe.
Todo el drama viene por hacer un slideshow con, entre las fotos, la
filmación en vivo de lo que proviene de una cámara Ip. Por eso el iframe.
Si hubiera una forma de acceder al servidor de esa cámara Ip...ahí seria
fácil: cambio los estilos y listo. Pero es imposible...habría que
modificar
el firmware de la camarita Ip pero eso no se puede. No sómos fabricantes
y
Post by Edgardo Raúl Gallettoen última no sabríamos como.
Edgardo Raúl Galletto
www.webmoderna.com.ar
0351-153272337
Enviado desde mi MoraNegra® de Oscuro Argentina
-----Original Message-----
Date: Tue, 11 Dec 2012 14:32:34
Reply-To: "Ovillo, la lista de CSS en castellano" <
Subject: Re: [Ovillo] CSS para modificar un iframe
Con firebug o cualquier aplicación similar identifica los nombres de los
elementos (divs, a, ...) y con CSS dales el estilo que quieras.
Que esté dentro de un iframe creo que no es poblema si esos elementos
están
bien identificados.
Dale un nombre al iframe para poder referenciarlos mejor.
Así pienso que debería funcionar.
salu2
--
Jairo Ochoa
Almacenamiento gratis / Free online backup
- Dropbox: http://db.tt/9kvYmtr
- SocialFolders: http://socialfolders.me/r/fkz9c
El 11 de diciembre de 2012 01:38, Edgardo Raúl Galletto <
Post by Edgardo Raúl GallettoMuy buenas! Quiero poner un slideshow de fotos para una pagina web en
la
Post by Edgardo Raúl GallettoPost by Edgardo Raúl Gallettoque se mostrara con efecto de fade unas fotos, texto y (muy importante)
tres videos en vivo (proveniente de tres cámaras ip) de lo que pasa en
sus
Post by Edgardo Raúl Gallettorespectivas áreas. Tuve éxito utilizando la librería JQuery. Pero el
problema es como darle estilos y quitarle el borde y margen a "lo que
esta
Post by Edgardo Raúl Gallettodentro del iframe" y no al iframe en si. Es posible esto? Hay alguna
forma?
Post by Edgardo Raúl GallettoCon javascript u otro método?
Edgardo Raúl Galletto
www.webmoderna.com.ar
0351-153272337
Enviado desde mi MoraNegra® de Oscuro Argentina
_______________________________________________
Lista de distribución Ovillo
http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
http://lists.ovillo.org/mailman/listinfo/ovillo