Las páginas Web en la actualidad además de incorporar texto e imágenes, permitan la inclusión de sonidos, videos y animaciones. Todavía existen algunos problemas que dificultan
un mayor uso, el tamaño de los ficheros es muy grande y todo el mundo no tiene una conexión rápida, la diferente forma de incluirlos dependiendo del navegador utilizado y que muchos
ficheros de audio y video necesiten de un pluggin que permita su reproducción en el navegador.
En esta sección vamos a ver de manera rápida los principales formatos de sonido y la forma de incluir ficheros de sonido en las páginas Web.
Formatos de archivos de sonido
VAW: es el formato más habitual en Windows. Su tamaño es considerable. Se reproduce además de en Explorer en Nestcape y en Macintosh.
MIDI: no es un archivo digitalizado. Su tamaño es reducido y se reproduce en todos los navegadores. Su principal problema es que su calidad
depende de la tarjeta de sonido instalda en el ordenador del usuario. Su extensión es .mid.
MP3: sonido de muy alta calidad y tamaño reducido por el que es el ideal para su uso en la Web. Tiene el inconveniente de que necesita un programa
propio para su reproducción si bien, dado el éxito de este formato, hoy día es difícil que no se posea un programa que lo reproduzca, por ejemplo Windows Media
REAL AUDIO: muy popular hace unos años, de calidad media, necesita el programa real Audio para reproducirse. Puede utilizar las extensiones rpm, rm, ram.
Formatos de archivos de video y animaciones
AVI: formato propio de Microsoft. Tiene gran calidad pero su tamaño es muy grande. Se reproduce con Windows Media.
QUICK TIME: propio de APPLE. Es el formato más habitual en Internet, la extensión de estos ficheros es .mov, las últimas versiones de Windows Media lo reproducen aunque no está de más tener el programa
Quick Time instalado.
MPEG: es el sistema utilizado en los DVD, por lo que su calidad es muy alta. Es reproducido por Windows Media y Quick Time.
SWF: propio de Macromedia Flash, se utiliza para crear animaciones, es necesario el complemento Flash Player para visualizarlas.
Formas de insertar achivos de sonido
Podemos insertar sonido utilizando varios métodos.
Mediante el elemento <a>.
Podemos realizar un enlace cuyo destino sea un fichero de audio. Al pulsar sobre el enlace, el fichero se descargará en el ordenador del usuario y se abrirá el programa reproductor de música y reproducirá el archivo. En el caso de no disponer del programa podremos descargarlo en nuestro ordenador.
Es recomendable informar al usuario del tamaño y tipo de archivo para que sepa qué va a descargar y el tiempo que puede emplear en la descarga. Por ejemplo:
Música [Formato mid /29,2 Kb] Música [Formato mp3 /337 Kb]
Mediante el elemento bgsound <bgsound>
Explorer permite la inclusión de un sonido de fondo mediante la etiqueta <bgsound> que permite reproducir archivos wav y mid. Este elemento admite los siguientes atributos:
ATRIBUTO
FUNCIÓN
SRC
Establece la URL del archivo de sonido.
LOOP
Su valor es un número entero que indica el número de veces que se reproducirá el archivo. Con el valor infinite indicamos que debe reproducirse indefinidamente
BALANCE
Númeo entre -10.000 y +10.000 que determina como se dividirá el sonido entre los altavoces.
VOLUME
Número entre -10.000 y 0 que determina el volumen de reproducción del sonido de fondo.
Un ejemplo de uso sería: <bgsound src="../sonidos/primavera.mid" loop="3">
Al igual que el elemento bgsound no es un elemento estándar aunque es admitido por la mayor parte de los navegadores y es la opción más utilizada para insertar sonido y video en páginas Web. Incrusta en la pantalla una consola con botones que permite detener, reproducir, pausar el sonido, con algunos archivos de video o animaciones la consola puede no aparecer.
La consola no es idéntica en los navegadores principales e incluso los atributos width y height no producen los mismos efectos. Reproduce directamente los archivos de sonido en formatos wav y mid; con respecto a video se deberá tener el pluggin correspondiente. Los atributos admitidos por la mayor parte de los navegadores son:
ATRIBUTO
FUNCIÓN
SRC
Establece la URL del archivo de sonido.
HEIGHT
Determina la altura de la consola en píxeles.
HIDDEN
Si establecemos el valor de este atributo a true la consola no se mostrará en el navegador.
LOOP
Establece el número de repeticiones del objeto. Admite los valores true (infinitamente) y false (una sola vez). Si el objeto es un archivo de sonido admite también un valor numeríco que indicará el número de repeticiones a realizar.
WIDTH
Determina el ancho en píxeles de la consola.
Un ejemplo de uso sería: <embed src="../sonidos/primavera.mid" width="128" height="128">
Imagen de la consola en Explorer. Imagen de la consola en Firefox, con Qick Time
Mediante el elemento <object>
Ésta es la etiqueta elegida por el estándar HTML para incluir en un documento HTML cualquier objeto. Un objeto según los mismos estándares puede ser cualquier tipo de información,
documento, subprograma, Active X, sonido, video o incluso una imagen. ASí pues el elemento <object> podemos utilizarlo tanto para insertar sonidos como videos. Sus principales atributos son:
ATRIBUTO
FUNCIÓN
ALIGN
Establece la alineación del objeto con respecto al texto que le rodea. Similar al de las imágenes
CLASSID
Contiene la URl del objeto, en el caso de ser un control Active X, contendrá su CLSID, algo así como CLSID:cfcdaa03-8be4-11CF- B84B-0020AFBBCCFA:.
HSPACE/VSPACE
Espacio horizontal/vertical en blanco alrededor del objeto, se especifica en píxeles.
HEIGHT
Determina la altura de la consola en píxeles.
STANDBY
Mensaje de texto que se mostrará mientras se carga el objeto.
TYPE
Define el tipo de los datos del objeto.
WIDTH
Determina el ancho en píxeles de la consola.
PARÁMETRO
FUNCIÓN
FILENAME
Su valor debe ser la URL del objeto.
AUTOSTART
Su valor puede ser Verdadero o Falso, dependiendo de si queremos que se reproduzca automáticmente o no .
En internet Explorer es posible insertar video en formato .avi en una página Web mediante el elemento <img>.
El código sería el siguiente: <img dynsrc="../videos/clock.avi" controls loop="1">
También podemos incluir en nuestras páginas videos que están alojados en youtube, basta con escribir como valor del atributo src en embed o del parámetro movie en object del
URL de la película. Para facilitar las cosas desde Youtube podemos copiar el código necesario para que nos funcione tanto en Explorer como en Firefox, URl incluida. El código es el siguiente:
No sé si ocurrirá en todos los Explorer 7 pero he tenido dificultades con la etiqueta object para reproducir videos cuando éstos se encontraban en una carpeta diferente a la de la página desde la que se les
llamaba, poniéndolos en la misma carpeta se reproducían sin ningún problema.
Los gifs animados son las animaciones más sencillas y prácticamente todos los exploradores los admiten. Se insertan como
si de imágenes se tratara. Ejemplo: <img src="../images/arroba.gif" width="32" height="32">.
En algunos manuales aparecen también incluidos los archivos PDF en el capítulo de Multimedia ya que están relacionados con la impresión
y ésta es un aspecto más del apartado Multimedia. Los documentos PDF permiten solucionar los problemas de impresión de HTML ya que conservan
su apariencia en la pantalla y en la impresión.
Para insertar un documento PDF basta con establecer un enlace al documento con la etiqueta <a>.
