1. COMO PONER SONIDO EN UNA PAGINA WEB Página 1 de 10
ESTRATEGIAS PARA INCLUIR SONIDO EN UNA PAGINA WEB
Juan A. Garza Garza, César Guerra Torres, Fernando J. Elizondo Garza
*
Resumen
En esta ponencias se describe las principales estrategias para incluir sonido en una página WEB. Se discutirán diferentes aspectos
como son: formatos de audio, software, plugin’s necesarios, estrategias de grabación - reproducción, programación en HTML; todo
desde una plataforma IBM o PC compatible.
Abstract
In this paper is shown how to include sounds in Web pages.
It will be discussed aspects as formats, software, plugn´s record/play and programing in HTML, all in a IBM PC´s plataform.
I.- INTRODUCCIÓN
Anteriormente era común ver páginas electrónicas sin animación ni audio, pero hoy
en día es común visualizar una pagina que tenga una animación o se escuche un
sonido; esta quot;MULTIMEDIAMANÍAquot; en INTERNET ha obligado tanto a los usuarios como
a los diseñadores de páginas a estar al tanto en los diferentes métodos de
incrustación de audio en las páginas Web, así como las novedades de software de
grabación y/o reproducción.
Esta revolución ha hecho que aparezcan aplicaciones de propósito específico; por
ejemplo, los reproductores de audio en tiempo real, plugins de audio/video, e
incluso el mismo lenguaje de Java, cuyo uso facilita la convergencia de
multimedia en INTERNET.
Por ejemplo, si usted busca en INTERNET información acerca de escalas de jazz o
de blues notará la gran diferencia entre una página que contenga tan solo
información escrita ó gráfica de las escalas y otra que además incorpora un icono
que al seleccionarse permite escuchar la escala referida.
Las ventajas y el grado de interacción aumenta cuando se encuentra páginas en
donde el audio es incorporado en tiempo real lo que permite interactuar con otras
personas e intercambiar estudios de música.
II.- ESTRATEGIAS DE USO DEL SONIDO EN PAGINAS WWW
Al entrar a una página www que contenga audio pueden presentarse las siguientes
opciones:
1. Que el audio se active automáticamente al momento de tener acceso a la
página. Muchas páginas activan automáticamente un archivo de audio en el
momento que el usuario la consulte, con la finalidad de proporcionarle un
ambiente agradable o comunicar un mensaje que hace referencia a algún suceso
que la persona puede esperar.
1. Que el audio se active mediante la selección de un icono. Es la opción más
común, ya que el transportar un archivo de audio desde una PC a otra además
de ocupar espacio de disco, ocupa un considerable tiempo, entonces, esta
estrategia da la opción a la persona de elegir cuando desea escuchar el
archivo de audio.
1. Que el archivo de audio tenga que ser transportado desde la PC fuente hacia
la PC del usuario. Esta ejecución generalmente es lenta y depende de la
http://gama.fime.uanl.mx/acustica/articulo/cpa.html 16/07/2008
2. COMO PONER SONIDO EN UNA PAGINA WEB Página 2 de 10
velocidad de la conexión, además requiere de un plugin apropiado (por
ejemplo el reproductor establecido por Windows).
1. Que el archivo de audio al que se hace referencia sea un archivo que pueda
ser reproducido en tiempo real. Esta clase de archivos a diferencia de los
mencionados con anterioridad, son reproducidos casi al instante en que se
llaman, requieren aplicaciones que se obtienen en INTERNET y generalmente
son freeware.
En la Tabla I se analizan las ventajas y desventajas que para el usuario
representan estas opciones; ya que serán de gran ayuda para seleccionar la forma
más conveniente de incorporar el audio en las páginas Web.
TABLA I
Ventajas Desventajas
Presentación audible Ocupan tiempo antes de presentar la
mientras el usuario visualiza
página, esto pueden desesperar al usuario.
la página
a).- Al abrir Ocupan espacio de disco duro.
La calidad del sonido no se
Puede ser que el archivo sea de un
pierde, se reproducen como
la página formato que el visualizador no pueda
fueron creados
reproducir
1.-
Archivos
La pagina no se vuelve lenta El usuario tiene que esperar a que el
transportables
archivo sea transportado en su totalidad, esto
El usuario puede saber si
cuenta con el software implica tiempo
necesario para la
reproducción
Dan la opción al usuario de
elegir el archivo que desea
b) - A elección escuchar cuando el desee
La calidad del sonido no se
pierde, se reproducen como
fueron creados
La página no se vuelve lenta Puede que no se cuente con el
y casi es visualizada en el software necesario para la
momento en que se escucha reproducción, cosa que se soluciona
fácilmente ya que la mayoría de los
el audio
reproductores son gratuitos y se
encuentran con facilidad en la Web
a).- Al abrir
La calidad del sonido varía según el
propósito, y la velocidad de la red
la página
2.-
Archivos en tiempo
Presentan las ventajas del Puede que no se cuente con el software
real
punto 1.b más aparte elimina necesario para la reproducción, cosa que se
la desventaja de dicho punto, soluciona fácilmente ya que la mayoría de los
es decir, el archivo no ocupa reproductores son gratuitos y se encuentran
ni espacio en el disco duro y
con facilidad en la Web
la reproducción es casi
b)- A elección La calidad del sonido varía según el
instantánea
Algunos reproductores tienen propósito, y la velocidad de la red
la opción de adelantar -
regresar o detener en el
momento que se desee
En la Tabla I puede observarse que la opción más ventajosa para el usuario es la
1.b, archivos de tiempo real a elección del usuario, pero desde el punto de vista
http://gama.fime.uanl.mx/acustica/articulo/cpa.html 16/07/2008
3. COMO PONER SONIDO EN UNA PAGINA WEB Página 3 de 10
del diseñador de la página esta opción implica invertir en el codificador
adecuado. La mayoría de los decodificadores (reproductores) son gratuitos, no
obstante los encoder (grabadores) son de diferentes costos.
Es recomendable trabajar con las ultimas versiones de grabadores /reproductores
de archivos de audio con el fin de poder utilizar los ultimos formatos
disponibles, por ejemplo actualmente el MP3.
III.- LOS FORMATOS DE SONIDO MÁS COMUNES EN LA WWW
Los archivos de audio tienen diferentes formatos y estos dependen generalmente
del con qué, del cómo y del para qué fueron creados.
Cuando se trabaja con una aplicación, el software asigna una extensión al tipo de
archivo que esta creando con el fin de identificarlo, por ejemplo .doc para el
Word, .xls para Excell, etc.
De la misma manera, los formatos de los archivos de sonido se caracterizan por su
extensión, a continuación se presentan algunos de los más usuales así como
algunas de sus características.
WAVE
Extensión: .wav
Creado por: Microsoft
Muestras por segundo (sampling rates): multiples
Soporte de canales: mono y estéreo
Resolución: 8 y 16 bit
Información: fue introducido en Windows 3.1, estos archivos son de los más
usuales y debido a esto, múltiples software lo pueden reconocer y procesar. Estos
archivos ocupan una cantidad considerable de espacio en disco ya que almacenan la
información de la conversión A/D de la forma de, por ejemplo, un archivo de un
minuto de alguna melodía musical puede ocupar más de 1 MB.
Lógicamente la cantidad de espacio y la calidad del audio dependen de las
características del muestreo con el que fueron creados los archivos.
Aún cuando este tipo de formatos fue introducido por Microsoft para sus
aplicaciones en Windows, muchos programadores de Internet lo utilizan para
agregar audio en sus páginas, esto es adecuado siempre y cuando los archivos sean
pequeños (menor de 1 MB) pues de lo contrario se dificulta su transportación por
la red.
MIDI (Music Instrument Digital Interfase)
Extensión: .mid
Creado por: Sintetizadores - PC
Información: El MIDI es el protocolo estándar de comunicación entre una PC y
http://gama.fime.uanl.mx/acustica/articulo/cpa.html 16/07/2008
4. COMO PONER SONIDO EN UNA PAGINA WEB Página 4 de 10
algunos Instrumentos musicales.
Para crear un archivo MIDI no se necesita el sampling rate, número de bits, etc.
ya que no almacena la forma de onda del audio, más bien almacena los códigos de
ejecución para que un sintetizador los interprete y los ejecute.
Es por esto, que este tipo de archivos ocupa muy poco espacio de memoria. Por
ejemplo 10 seg. de un archivo MIDI puede ocupar 1.5KB mientras que 10 seg. a 16
bit de un archivo .WAV puede ocupar hasta 500 KB.
Para que se entienda mejor, los archivos MIDI no pueden almacenar información de
voz, solo almacenan códigos que un instrumento quot;Leequot; y lo ejecuta, por ejemplo
notas, octava, volumen, tiempo, sonido, etc.
Para ejecutar un archivo MIDI se necesita del sintetizador apropiado, más sin
embargo, existe software que pueden hacer esta función, lógicamente no con la
misma calidad pero si aceptables.
Como este tipo de archivos puede almacenar melodías musicales completas y ocupar
muy poco espacio de memoria, muchas personas guardan en su PC una variedad de
estos archivos de sus melodías preferidas para escucharlas mientras trabajan en
alguna otra tarea
Los programadores de Internet utilizan estos archivos para ambientar sus páginas
ya que puede ser transportados más rápidamente que los archivos WAVE y con la
gran ventaja que la mayoría de los visualizadores reconocen este tipo de formato.
Sun Audio
Extensión: .au
Creado por: Sun
Muestras por segundo (sampling rates): múltiples
Soporte de canales: mono y estéreo
Resolución: 8 y 16 bit
Información: Este tipo de archivos es uno de los más utilizados por Internet,
ocupan casi la misma cantidad de espacio que los archivos .wav pero fueron
creados exclusivamente para ser transportados por red, las características son
semejantes a los WAVE.
Apple Intechange File Format
Extensión: .aif(F) y .snd
Creado por: Apple para la Mac
Muestras por segundo (sampling rates): múltiples, en fracción proporcional a
65.536 KHz
Soporte de canales: mono y estéreo
http://gama.fime.uanl.mx/acustica/articulo/cpa.html 16/07/2008
5. COMO PONER SONIDO EN UNA PAGINA WEB Página 5 de 10
Resolución: de 4 hasta 32 bit en incremento de 1 bit
Información: Es usado solamente para la bifurcación, haciéndolo poderoso para el
intercambio entre MAC y PC.
Apple Interchange File Format Compressed
Extensión: .aif(C) y .snd
Creado por: Apple para la Mac
Muestras por segundo (sampling rates): múltiples, en fracción proporcional a
65.536 KHz
Soporte de canales: mono y estéreo
Resolución: de 4 hasta 32 bit en incremento de 1 bit
Información. Es idéntico al AIFF pero es usado para la compresión de audio.
Real Audio
Extensión: .ra
Creado por: RealNetworks
Muestras por segundo (sampling rates): 8, 11.025, 16, 22.05, y 44.1 KHz.
Soporte de canales: mono y estéreo
Resolución: 8 y 16 bits
Información. Transportar un archivo de audio por la red ocupa tiempo y espacio en
su disco duro. Imagine que después de esperar la transferencia de un archivo de
audio descubra que no es de su agrado, bueno, tiempo perdido. Existe la solución
a esto mediante la ejecución de archivos en tiempo real.
Todo archivo (.wav, .au .aiff, etc.) puede convertirse a un archivo en tiempo
real mediante el proceso llamado codificación (encoder), en donde el archivo
resultante, en este caso, un archivo con extensión .ra puede ser reproducido en
su maquina sin ser memorizado en el disco. Dependiendo del formato original, sera
la frecuencia de muestreo usada por el encoder
DIRECTOR
Extensión: .dir y .dxr
Creado por: Macromedia para la Mac y PC
Muestras por segundo (sampling rates): múltiples
Soporte de canales: mono y estéreo
Resolución: 8 y 16 bits
http://gama.fime.uanl.mx/acustica/articulo/cpa.html 16/07/2008
6. COMO PONER SONIDO EN UNA PAGINA WEB Página 6 de 10
Información: Soporta múltiples sonidos y canales de audio, es bueno para la
compresión en las versiones de MAC, además los archivos pueden ser mezclados
dependiendo del hardware disponible.
MOD.
Extensión: .mod y .nst
Creado por: Commodore para la Amiga, Mac y PC
Muestras por segundo (sampling rates): múltiples
Soporte de canales: mono
Resolución: 8 bits
Información: En realidad no es un formato de sonido, más bien un formato de
música, almacena información digitalizada de instrumentos. Una pequeña
información produce una composición larga.
RIFF (Rich Interchange File Format)
Extensión: .wav
Creado por: Microsoft la PC
Muestras por segundo (sampling rates): múltiples
Soporte de canales: mono y estéreo
Resolución: 8 y 16 bits
Información. Este tipo de archivo es idéntico al WAVE excepto que contiene
información de cabecera.
Sound Resource
Extensión: .snd
Creado por: Apple para la PC
Muestras por segundo (sampling rates): múltiples, en fracción proporcional a
65.536 KHz
Soporte de canales: mono y estéreo
Resolución: 8 y 16 bits
Información: Existen en 2 variedades el tipo 1 y 2
Audio – Video for Windows
Extensión: .avi
http://gama.fime.uanl.mx/acustica/articulo/cpa.html 16/07/2008
7. COMO PONER SONIDO EN UNA PAGINA WEB Página 7 de 10
Creado por: Microsoft
Información. Son archivos de audio y video utilizados por Windows y paquetes
multimedia.
Al igual que los WAV, Microsoft lo incorporó para sus aplicaciones de multimedia.
Muchas páginas de Internet que manejan video utilizan este formato, pero con
tendencia a desaparecer y ser ocupados por otros.
Quick Time
Extensión: .mov
Creado por: Apple para la Mac y PC
Muestras por segundo (sampling rates): múltiples
Soporte de canales: mono y estéreo
Resolución: 8, 16 y 32 bits
Información: Archivo de audio y video muy utilizado en la Web. No es de tiempo
real.
MPEG
Extensión: .mpg
Información: Archivo de audio y video más popular utilizado en Internet
Si los archivos .wav fueron sustituidos por los .au para ser utilizados en la
Web, los AVI son sustituidos por los MPEG para el tratamiento de audio y video.
Este tipo de formato no soporta el tiempo real, por lo que, si transportar un
archivo de audio por la red ocupa espacio y tiempo, un archivo de video y audio
ocupa más.
Existen un gran número de formatos de audio de uso menos generalizado como los
siguientes: Sample Vision, Sound Designer II, Sound Blaster, Sound Cap, Sound
Edit, Studio Session Instrument, PSION Sound, DVI ADPCM, GSM G. 10, IRCAM, SMP,
SDZ.
Existen más formatos algunos permiten reproducir también video ya sea en tiempo
real o no. Ningún formato es excelente en todo, es decir, unos son buenos para
reproducir música, otros voz, etc. para mayor información consultar en la página
WWW a la cual se hace referencia en el último punto d esta ponencia.
IV.- LA GRABACIÓN
La forma de grabar un archivo para ser incorporado en la Web depende tanto del
hardware como del software disponible, así como el contenido del mismo.
Lógicamente es necesario que la PC donde se va a realizar la grabación posea una
http://gama.fime.uanl.mx/acustica/articulo/cpa.html 16/07/2008
8. COMO PONER SONIDO EN UNA PAGINA WEB Página 8 de 10
tarjeta de sonido cuyos requerimiento dependen de lo que se desea grabar, por
ejemplo, si desea grabar archivos MIDI’s debe tener el llamado MIDI interface.
Existen diferentes software que pueden ayudarle, se recomienda uno de excelente
calidad y que esta disponible como shareware, el GoldWave; este programa lo puede
conseguir en diferentes paginas de la Web.
Una de la recomendaciones al grabar un sonido que va ha ser incorporado en la Web
y que no va a ser de tiempo real son las siguientes:
Realizarlo en un formato usual .wav, ó .au de preferencia.
Que no ocupe mucho espacio, procure que sean cortos ya que entre mas largos
ocupan una cantidad de tiempo para ser transportados, cosa que puede
frustrar al usuario.
Si va a incluir solo música, realice una grabación en formato MIDI, o bien
busque en la Web alguno de ellos ya que existen una infinidad de archivos
disponibles.
La grabación de archivos en tiempo real depende del encoder que esté utilizando,
la mayoría de ellos realiza sólo conversión de un archivo .wav al formato
específico.
V.- EJEMPLOS
A continuación se presentan diferentes maneras de insertar el audio en las
páginas WWW.
V.1 Comando en HTML
<EMBED>: Este comando delimita un cuadro que permite la inserción de objetos
directamente en la página HTML. Los objetos incluidos son manejados por
aplicaciones externas a la página, algunas aplicaciones adicionales: WebFX, Paper
Software para ver dos mundos VRML (Virtual Reality Modeling Language), Addobe
Acrobat para documentos PDF,y macromedia directo para multimedia, en nuestro
caso, nos referiremos a aplicaciones de audio exclusivamente.
Atributos
SCR. Localización del archivo
ALIGN. Alinea el objeto en la página (top, middle, bottom, baseline)
HEIGHT. Altura del objeto
WIDTH. Ancho del objeto
Autostart. Permite decidir la ejecución automática o manual.
Ejemplo de uso del formato del comando:
<EMBED SRC=quot;BLUES.MIDquot; height=quot;60quot; width=quot;144quot; autostart=quot;truequot; >
http://gama.fime.uanl.mx/acustica/articulo/cpa.html 16/07/2008
9. COMO PONER SONIDO EN UNA PAGINA WEB Página 9 de 10
SCR declara que el archivo de audio que se va a ejecutar se llama BLUES.MID y se
encuentra en el directorio junto con el archivo HTML o dentro de la trayectoria
de búsqueda (path) .
HEIGHT y WIDTH dan la dimensión del cuadro (objeto,frame), si se desea que no sea
visible el cuadro asigne el valor de cero tanto al height como al width.
AUTOSTART =quot;TRUEquot;. Indica que al consultar la página, automáticamente abre la
aplicación y ejecuta, el archivo mencionado, si se omite la condición autostart
por defecto asume el valor de quot;FALSEquot;
V.2 Utilizando el Composer o el Gold del Nestcape
Las versiones del Netscape Gold o el Composer permiten diseñar páginas de una
manera más sencilla. Para agregar audio por este método utilice la inserción del
HTML TAG del menú INSERT y en el cuadro agregue la línea de comando <EMBED>
V.3 Utilizando Word97
La versión del Office 97 permite interactuar con la Web, tal es el caso de Word
que permite editar y diseñar páginas Web. En este caso para agregar sonido
utilice la opción INSERTAR, SONIDO DE FONDO o bien INSERTAR, OBJETO, ARCHIVO DE
SONIDO.
VI.- CONSULTA EN LÍNEA
Es difícil explicar todo lo relativo a este tema en este espacio, pero si desea más información lo
invitamos a consultar nuestra página quot;Audio en Internetquot; en la dirección WWW:
http://www.fime.uanl.mx/audio/auint/index.html
VII.- BIBLIOGRAFÍA
1.- César Guerra y Fernando Elizondo, quot;Audio en Internetquot;, pagina en
Internet,http://www.fime.uanl.mx/audio/auint/index.html
2.- Aplicaciones,
http://www.uchile.cl/~manual/elements/fullref/appl.htm
3.- EMBED http://www.stonehand.com/doc/html2x/embed.attr.html
4.- Keis Jamsa, quot;La magia de multimediaquot;, Mcgraw Hill, 1993, México.
5.- Jan Ozer, quot;Audio y video para hacer vibrarla Webquot;, Revista PC
http://gama.fime.uanl.mx/acustica/articulo/cpa.html 16/07/2008
10. COMO PONER SONIDO EN UNA PAGINA WEB Página 10 de 10
Magazzine en español, Vol. 7, No. 5, Dic. De 1993, México
6.- César Guerra y Fernando Elizondo, quot;Tecnologías Audio-Internetquot;,
memoria del II Congreso Mexicano de Acústica, IMA, Acapulco, Gro, Sep
1995, México
7.- Juan A. Garza Garza, César Guerra Torres y Fernando J. Elizondo
Garza, quot;Como poner sonido en una página webquot; memoria del V Congreso
Mexicano de Acústica, IMA, Queretaro, Queretaro, Sep 1998, México
ARRIBA
REGRESAR
http://gama.fime.uanl.mx/acustica/articulo/cpa.html 16/07/2008