Introducción a los objetos: imágenes , sonidos , videos, etc..
| |
La etiqueta <object>Las páginas Web, en su constante evolución. Han pasado de ser unos simples documentos, a verdaderas presentaciones multimedia, dotadas de imagenes, videos, sonidos, animaciones e incluso realidad virtual.Las características multimedia del HTML posibilitan a los programadores poner en sus páginas web, pequeña aplicaciones (programas que se descargan automáticamente y se ejecutan el ordenador del usuario), videos cortos como por ejemplo videoclips, trailers, últimamente está de moda los documentos flash y todo tipo de videos y/o animaciones. Para normalizar la inclusión de ficheros, HTML 4 introduce la etiqueta OBJECT, que ofrece una solución universal para la inclusión de objetos genéricos. Object sustituye las etiquetas applet, bgsound, embed, etc. Siendo una etiqueta más moderna y flexible. Sin embargo la polémica entre las diversos navegadores continúa. Mediante la etiqueta object definimos un objeto o un componente externo que tiene como misión la reproducion del fichero. Normalmente, un navegador (Aunque sea capaz de reconocer la etiqueta OBJET) no podrá mostrar el contenido de un OBJECT a menos que tenga el correspondiente Plug-In instalado. Insertando una imagen con la etiqueta <object> Por ejemplo, si queremos adjuntar una imagen png en un documento, el programador puede escribir el siguiente código: <object data="img/noche.png" type="image/png"> <em>Noche estrellada</em> </object> Nota: no funciona en el Enternet Explorer 6.0 se muestrará:
La sintaxis general de la etiqueta object, para el caso de ficheros de sonido: <object atributo1="valor1" .... atributoN="valorN"> <param name="nombre" value="valor"> <param name="nombre" value="valor"> ... </object> Atributos relativos al audio:
<object data="t-rex.wav" type="sound/wav" autostart="false" width="200" height="40"> (Sonido de un Tiranosaurio enfadado) </object> Este ejemplo no funciona en navegadores como Firefox pero si Explorer 6.0: <object classid="CLSID:05589FA1-C356-11CE-BF01-00AA0055595A" width="150" height="175" type="audio/mp3"> <param name="FileName" value="sounds/lack_of_faith.mp3"> <param name="autostart" value="false"> </object> La sintaxis general de la etiqueta object, para los archivos de video, es: <object atributo1="valor1" .... atributoN="valorN"> <param name="nombre" value="valor"> <param name="nombre" value="valor"> ... </object> Atributos relativos al video:
<object width="99" height="98" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/ controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" standby="Cargando fichero..." type="application/x-oleobject"> <param name="filename" value="ejemplos/heart_1.avi"> <param name="showcontrols" value="0"> <param name="showdisplay" value="0"> <param name="showstatusbar" value="0"> <param name="autosize" value="0"> <param name="autostart" value="1"> </object> Veamos como se inserta un objeto flash: (esto funciona solo en firefox y algunos navegadores, pero no en explorer) <center> <object data="img/lagarto.swf" width="200" height="100" type="application/x-shockwave-flash"> un pequeño lagarto caminando </object> </center>visualizacion: <center> <object data="img/lagarto.swf" type="application/x-shockwave-flash" width="200" height="100"> <param name="Movie" value="img/lagarto.swf"></param> <param name="Play" value="True"></param> <param name="Loop" value="True"></param> <param name="Quality" value="Best"></param> <param name="Scale" value="ShowAll"></param> <param name="Align" value="Center"></param> </object> <center> Pero en internet encontramos el siguiente código cuando queremos insertar un objeto flash: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/ cabs/flash/swflash.cab#version=6,0,29,0" width="522" height="259"> <param name="movie" value="image/lagarto.swf"> <param name="quality" value="high"> <embed src="intro.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="522" height="259"></embed> </object> | |
< <Multimedia: incluyendo vídeo | Glosario > > |