3. Plug-ins y objetos incrustados

3.1. Como usar los plug-ins

El siguiente paso será insertar en nuestra página, usando código HTML, el objeto que queremos que sea usado por el plug-in. El propio navegador al darse cuenta que no es capaz de mostrar ese objeto el mismo buscará entre la lista de plug-ins que tiene instalados y llamará a aquel que es capaz de tratar con el objeto. Desgraciadamente si no lo encuentra mostrará un mensaje o un icono indicativo que puede resultar molesto para el navegante.

El termino elegido para denominar a estos objetos es embedded objects, es decir, objetos incrustados. La etiqueta HTML con la que insertamos este tipo de objetos es EMBED. El atributo SRC nos permitirá indicar el nombre y dirección del archivo tal y como hacíamos con las imágenes. Otros atributos usados en multitud de ocasiones son WIDTH y HEIGHT con los que podemos controlar la anchura y altura del objeto respectivamente. Un ejemplo típico de inserción de un objeto para plug-in podría ser:

	<EMBED SRC="pelicula.mov"
	  WIDTH="120"
	  HEIGHT="180">

      

Este objeto aparecerá en su propia línea y centrado en la ventana del navegador. Además de los tres vistos la etiqueta EMBED tiene una serie de atributos opcionales que varían enormemente entre los diferentes plug-ins. Todos ellos constan del nombre de un parámetro y su valor. Por ejemplo para el plug-in de vídeo QuickTime nos encontramos, con el parámetro LOOP="TRUE". Para averiguar los atributos concretos deberemos leer la documentación concreta de cada plug-in.

3.2. Alternativas para navegadores sin soporte para PLUG-INs

Al usar PLUG-INs estamos imponiendo muchos requisitos a los navegantes para ver correctamente nuestras páginas. Como ya hemos mencionado antes, deben tener un navegador con soporte para plug-ins y además deben tener instalado el plug-in adecuado. Si no los cumplen recibirán mensajes de error o cuadros de diálogo que permiten obtener el plug-in necesario(el atributo PLUGINSPAGE="url" nos permite indicar la dirección). En otros casos simplemente verán un espacio vacío en la página con un icono indicativo de error como el que podemos ver en la figura 10.12, con la consiguiente frustración que ello conlleva para el navegante.

Los navegadores que no tengan soporte para plug-ins directamente ignorarán la etiqueta EMBED. Para ofrecer una alternativa al objeto incrustado se ha creado la etiqueta NOEMBED, que consta de una instrucción de inicio y otra de fin entre las que pueden insertarse cualquier elemento de HTML. Esta etiqueta puede ser usada con diferentes propósitos:

• Mostrar una imagen que represente el significado del objeto.

• Incluir un enlace al fichero del objeto, es decir, incluirlo como fichero externo. De esta forma el navegante podrá verlo con el programa que quiera.

• Poner cualquier código HTML, applet de Java o algún otro elemento que ayude a que la presentación de la página tenga sentido también para navegadores sin soporte de EMBED.

Pongamos un ejemplo en el que hemos creado una animación en la que se van mostrando pisadas como si alguien fuese pisando por encima de nuestra página. Podríamos ofrecer como alternativa a la animación una imagen que incluya todas las pisadas y como alternativa a la imagen una serie de asteriscos. Es decir:

	<EMBED SRC="huellas.cdr"
	  WIDTH="640"
	  HEIGHT="30"
	  ALT="* * * * * * * *">
	<NOEMBED>
	<IMG SRC="huellas.gif"
	  WIDTH="640"
	  HEIGHT="30">
	</NOEMBED>

      

Todo el código entre la instrucción de inicio, <NOEMBED >, y la instrucción de fin, </NOEMBED> , será ignorado por los navegadores que entiendan la etiqueta EMBED.

3.3. Sonido inline con la etiqueta EMBED

En una sección anterior aprendimos a insertar sonido inline para el navegador Internet Explorer usando la etiqueta BGSOUND. El principal inconveniente de esta etiqueta radicaba en que sólo los usuarios de ese navegador serían capaz de oirlo. Con la etiqueta EMBED se nos ofrece la posibilidad de insertar sonido que pueda ser oido también por los usuarios de Netscape Navigator gracias a un plug-in que se incluye en la instalación estándar. Veamos un ejemplo:

	<EMBED SRC="reggae.mid"
	  WIDTH="0"
	  HEIGHT="0"
	  AUTOSTART="true">

      

Con los atributos WIDTH y HEIGHT puestos a cero conseguimos que los controles de sonido no sean mostrados y usando AUTOSTART=" true" hacemos que el sonido empiece a reproducirse inmediatamente. Esto es necesario, ya que al esconder los controles no hay otra forma para comenzar la reproducción.

Pero ahora viente lo más interesante del tema. Podemos añadir el código HTML para insertar sonido para Internet Explorer entre las instrucciones < NOEMBED> y </NOEMBED>, con lo que conseguimos compatibilidad con los dos navegadores principales. El código completo queda:

	<EMBED SRC="reggae.mid"
	  WIDTH="0"
	  HEIGHT="0"
	  AUTOSTART="true">
	<NOEMBED>
	<BGSOUND SRC="reggae.mid">
	</NOEMBED>

      

Si hubieramos usado WIDTH="150" y HEIGTH="70" se hubieran mostrado los controles de sonido. En la figura 10.13 vemos dichos controles en Internet Explorer 4.0(que soporta la etiqueta EMBED al contrario que la versión 3.0):

y en la figura 10.14 vemos el resultado del mismo código en Netscape Navigator 4.0.