En esta sección publicamos todos los contenidos que tienen que ver con HTML, como manual de HTML, talleres, servicios, complementos, etc.
Disponemos, tal vez, del mejor manual de HTML de la Web en español, que trata todos los temas con gran detalle y ofrece cientos de consejos para mejorar nuestras técnicas.
Sonido en HTML V
La etiqueta OBJECT.
Con objeto de normalizar la inclusión de
ficheros no nativos en los navegadores web se decidió sustituir las diferentes
etiquetas que realizaban este papel (APPLET, BGSOUND, EMBED, etc.), y que no
pertenecían a los estándares web, por una etiqueta general, que fuera capaz de
incrustar en el navegador todo tipo de ficheros. La etiqueta elegida en el
estándar HTML 4.0 fué OBJECT, a la que se dotó de suficientes atributos y
flexibilidad para poder realizar correctamente su trabajo. Debido a esto, la
propuesta ha sido usar la etiqueta object también para incluir ficheros de audio
de todo tipo en las páginas web.
Ahora bien, la aceptación e
implementación que la misma a tenido varía según el navegador en particular, así
como en función del objeto a incrustar. De este forma, Internet Explorer a
realizado su propia implementación de la etiqueta object, incluyendo en ella
referencias a filtros y componentes ActiveX específicos para los ficheros de
audio. Por su lado, los navegadores Netscape no soportan correctamente este
etiqueta para ficheros de este tipo.
Restringiéndonos a Internet
Explorer, la polémica sigue, ya que en diferentes manuales nos encontraremos
diferentes formas de incrustar sonidos mediante object, unas que funcionan bien,
y otras que no. ¿Porqué sucede esto?. Yo creo que porque Microsoft ha ido usando
la etiqueta object para implementar todo un grán conjunto de componentes
propios, que además han ido adaptándose a las diferentes versiones de Internet
Explorer.
Como regla general, válida no sólo para incrustar ficheros de
sonido, sino también para otros tipos, la etiqueta object va a definir un objeto
o componente externo encargado de la reproducción del fichero, que en el caso de
Internet Explorer suele ser algún tipo de control ActiveX. Mediante object se
instancia el objeto, se declara su URL y sus principales propiedades generales,
y mediante un conjunto de etiquetas especiales, PARAM, se le van pasando los
valores que necesita para su correcto funcionamiento o para su configuración
deseada.
La sintaxis general de la etiqueta object, para el caso de
ficheros de sonido, es del tipo:
Los principales atributos de object,
en referencia a ficheros de audio, son:
classid="identificador_objeto", que fija la URL del objeto o
componenteexterno necesario para reproducir el fichero de audio, y la
implementación CLSID de los controles ActiveX necesarios.
type="tipo_fichero", atributo importante, que declara el tipo de
fichero de audio que estamos usando.
width="w", que determina el ancho visible de la consola, en pixels.
height="h", que determina el alto visible de la consola, en pixels.
align="top/bottom/center/baseline/left/right
/texttop/middle/absmiddle/absbotom", análogo al de la etiqueta IMG, define
la alineación horizontal o vertical de la consola respecto de los elementos de
la página.
hspace="hs", que establece la separación horizontal, vspace="vs",
que establece la separación vertical, en pixels, entre la consola y los
elementos de la página que la redean. Análoga a sus equivelentes de la
etiqueta IMG.
autostart="true/false", que determina si el fichero de audio debe
empezar a reproducirse por sí sólo al cargarse la página o si por el contrario
será preciso la actuación del usuario (o de código de script) para que
comience la audición.
standby="mensaje", que presenta en pantalla un mensaje al usuario
mientras el fichero se carga.
En cuanto a los elementos param, los más
importantes son:
param name="FileName" value="ruta_fichero", determina la ruta o URL
del fichero de audio a reproducir. No es necesario utilizar sólo ficheros WAV
o MID, pudiendo reproducirse también ficheros MP3 o Real Audio. El reproductor
del primero lo incluye Explorer en ActiveMovie (componente de Windows Media).
param name="autostart" value="true/false", indica al navegador si
se debe empezar a reproducir el sonido automáticamente al cargar la página o
si por el contrario será preciso que el usuario pulse el botón Play para ello.
No son estos todos los atributos y parámetros posibles. Es más, en
cuanto nos metemos en componentes Microsoft, podemos encontrarnos multitud de
configuraciones posibles, que nos van a permitir fijar muchos aspectos de los
mismos. Dejo a cada uno la posibilidad de profundizar en el estudio de aquellos
componentes y propiedades que necesite, pero sabiendo que con los elementos
vistos arriba tenemos más que suficiente para presentar un fichero de audio en
nuestra página web.
Que podéis ver
funcionando en esta ventana (sólo
Internet Explorer).
La etiqueta A.
Si hasta ahora hemos
visto cómo podemos incluir en nuestras páginas sonidos de fondo o inicializados
por el usuario mediante interacción con la consola Crescendo, vamos a ver ahora
cómo podemos implementar audio mediante el uso de una de las etiquetas más
polivalentes en HTML: la etiqueta A.
Efectivamente, los enlaces son la
base del hipertexto, base a su vez de la web, y dentro de sus múltiples usos
podemos considerar el enlace a ficheros de audio. El fichero enlazado puede ser
interpretado directamente por el navegador (porque sea de reproducción directa o
se tenga instalado el plugin adecuado) o puede ser ejecutado por un programa
independiente que se abra automáticamente (Winamp, Real Audio, etc.), siendo
este el caso más común. Si el usuario no dispone del programa o plugin adecuado,
se le abrirá una ventana de descarga del fichero, con lo que podrá guardarlo
hasta disponer de la aplicación necesaria para su reproducción.
La
sintaxis general en este caso será del tipo:
<a
href="ruta_fichero">Mensaje</a>
Ejemplo de fichero
MID:
<a
href="../sonidos/watermark.mid">Música para tí</a>
Partners:
