PDF de programación - Edición HTML - Multimedia - Sonidos

MINISTERIO
DE EDUCACIÓN
Y CIENCIA

SECRETARÍA GENERAL
DE EDUCACIÓN
Y FORMACIÓN PROFESIONAL

DIRECCIÓN GENERAL
DE EDUCACIÓN,
FORMACIÓN PROFESIONAL
E INNOVACIÓN EDUCATIVA

CENTRO NACIONAL
DE INFORMACIÓN Y
COMUNICACIÓN EDUCATIVA

Edición HTML

Multimedia - Sonidos

C/ TORRELAGUNA, 58
28027 - MADRID

Índice de contenido

Sonidos................................................................................................................................ 3
Archivos wav y mid............................................................................................................... 3
Insertar sonidos en N|VU .................................................................................................... 5
Compresión de sonido con Helix Producer Basic................................................................ 7
1º) En la ZONA A:............................................................................................................ 8
2º) En la ZONA B:............................................................................................................ 9
3º) En la ZONA C:............................................................................................................ 9
PUBLICACIÓN EN UNA WEB........................................................................................... 10

Multimedia - Sonidos

2 de 11

SONIDOS
SONIDOS

Está claro que, conceptualmente, los sonidos deberían agruparse con las imágenes en la
categoría de multimedia. Pero tenemos el problema de que se van a mencionar
procedimientos relativos a la creación de vínculos que se abordan en la siguiente
sección. Es recomendable que dejes pendiente este apartado y pases al de vínculos.

Tanto si ya estás de vuelta como si has decidido adentrarte en esta sección sin consultar
el apartado de vínculos vamos a iniciar el recorrido con una anotación de estilo.

La utilización de sonidos pasó por una fase a la que podríamos calificar de "ornamental"
que hoy está cayendo en desuso. Es lógico que así fuera, ya que hasta que no se han
desarrollado tecnologías de compresión efectivas, no se podía plantear la utilización del
sonido como soporte para la transmisión de información.

Hoy en día tenemos la posibilidad de realizar un uso más profundo del sonido y
aprovechar los fragmentos sonoros para incluir información relacionada íntimamente con
el contenido general del sitio WEB que estamos desarrollando.

• Archivos sonoros para la WEB

•

•

Insertar sonidos en N|VU

Compresión con Real Producer Basic

ARCHIVOS WAVWAV Y Y MIDMID
ARCHIVOS

Tras la primera puntualización vamos a abordar el trabajo con ambas utilizaciones del sonido.
Empezaremos por la aplicación que se acaba de denominar "ornamental".

Al igual que en el caso de la imagen disponemos de dos formatos de sonido directamente
legibles por los navegadores: el formato midi (archivos con extensión .mid) y el formato de
onda (archivos con extensión .wav).

Los archivos midi están basados en partituras en las que se indica el tono y duración de
cada una de las notas, así como el instrumento que interpreta cada pista. Su característica
principal es el escaso espacio que ocupan en comparación con la información que incluyen. Al
fin y al cabo no son más que una colección de anotaciones para que la tarjeta de sonido pueda
traducirlas. Resultan adecuados, pues, para incorporar pasajes musicales.

Dado que los archivos midi se basan en partituras tienen la ventaja de poder crearse y
modificarse con facilidad si se tienen nociones de música. Presentan, en cambio, el
inconveniente de que la calidad de la reproducción dependerá de la tarjeta de sonido con la
que se escuchen, ya que si ésta es de escasa calidad los timbres de los instrumentos se
asemejarán poco al sonido real.

En los archivos de formato wav invertimos los términos: son muy extensos porque se basan
en la digitalización directa de una fuente de sonido. Además, no dependen demasiado de la
calidad de la tarjeta de sonido en que se reproducen y no resultan adecuados para fragmentos
musicales largos, sino para efectos especiales y voz. (Siempre habrá que procurar utilizar
fragmentos breves debido a su gran extensión).

Multimedia - Sonidos

3 de 11

Sea cual sea el formato que utilicemos el factor principal a tener en cuenta será la extensión
de los archivos.

Independientemente de que el equipo con el que elaboremos las páginas sea muy potente,
nunca podemos saber con qué equipo y, sobre todo, con qué tipo de conexión accederán a
nuestra página los futuros visitantes y... una página que tarda mucho en cargarse no
suele incorporarse a la libreta de marcadores y es difícil que vuelva a ser visitada.

Esta práctica es absolutamente voluntaria, aunque te vendrá bien hacerla para poder
utilizar el archivo que obtengas como elemento de comparación en las siguientes
prácticas. Para hacerlo tendrás que disponer de un micrófono conectado a tu ordenador. Si
no dispones de micrófono o, por cualquier motivo, decides no realizar la práctica podrás
utilizar alguno de los archivos que incorpora Windows.

• Pulsa el botón Inicio y accede a la Grabadora de sonidos (La encontrarás en

Programas, Accesorios, Entretenimiento).

• Piensa un breve saludo para incluir en tu página y grábalo pulsando el botón rojo
de la grabadora. Para finalizar la grabación deberás pulsar el botón de parada que
está junto al de grabación.

• Guarda el archivo cuando lo consideres válido.
• Comprueba en el explorador el tamaño del archivo que acabas de grabar.

Bien, ahora que ya tienes un archivo en formato wav vamos a necesitar otro en formato midi.
Puedes utilizar el archivo que obtendrás si pulsas con el botón secundario en este enlace y
eliges guardar destino como (en Internet Explorer), guardar destino del enlace como (en
Mozilla Suite) o guardar enlace como (en Mozilla Firefox). Guárdalo en la carpeta en la que
estás almacenando las páginas de prácticas.

Vamos a ver ahora cómo hacer que las páginas alberguen estos sonidos.

Multimedia - Sonidos

4 de 11

INSERTAR SONIDOS EN N|VU
INSERTAR SONIDOS EN N|VU

N|VU no dispone de ningún icono que nos facilite la introducción directa de fragmentos
sonoros.

Sin embargo, podemos aprovechar una característica del navegador para hacerlo, ya que los
archivos con extensión wav o mid son reconocidos y manejados directamente por el mismo.

Crea un nuevo documento con N|VU.

Introduce en el nuevo documento la imagen

•
• Pulsa sobre la imagen y crea un vínculo que nos lleve al archivo primavera.mid
• Guarda el archivo como actividad39.html y pasa al navegador para ver lo que

que ya tenías guardada.

ocurre.

• Vuelve a N|VU y escribe un texto para enlazarlo con el saludo que grabaste antes.
Si no tienes un saludo grabado puedes utilizar alguno de los sonidos que aparecen
en la carpeta Windows\Media. Selecciona ctmelody.wav o ding.wav y cópialos en la
carpeta en la que estás almacenando tus páginas.

• Crea el enlace al archivo de sonido y guarda la página.
• Pasa al navegador para comprobar que todo funciona correctamente.

Hasta aquí las cosas han resultado
bastante sencillas. Hemos incluido en
nuestra página unos sonidos y hemos
dejado en manos del visitante la opción
para que los active si lo desea. El
problema lo vamos a tener cuando
pretendamos que nuestra página
cargue automáticamente un sonido. No
nos queda más remedio que hacerlo
tecleando el
código necesario.
Podríamos hacerlo cambiando a la
pestaña
o bien
utilizando la opción del menú INSERTAR



HTML que nos presentará la ventana de la ilustración.

Además, para complicar un poquito las cosas, las etiquetas de sonido no son comunes para
ambos navegadores, por lo que deberíamos incluirlas repetidas para que se pudieran escuchar
los sonidos independientemente del navegador con el que se visite la página.

Lo primero que haremos será ver las etiquetas básicas.
Para la mayoría de los navegadores <embed src="nombre de archivo">
Para versiones antiguas de Explorer <bgsound src="nombre de archivo">

Multimedia - Sonidos

5 de 11

Empecemos con la lista de particularidades que provoca la falta de compatibilidad

entre los principales navegadores:

• La etiqueta embed es reconocida por la mayoría de navegadores en las últimas

versiones.
• Para garantizar la compatibilidad con las versiones previas de Explorer es
imprescindible que figure la etiqueta bgsound
• Si la versión de Explorer es la 5 o superior tiene preferencia la etiqueta embed
sobre bgsound, por lo que los modificadores de ésta no tendrán efecto.
• Mientras que con la etiqueta bgsound Explorer arranca automáticamente sin mostrar
ningún indicador gráfico sí que lo hace cuando se utiliza embed al igual que en Mozilla.
• Si queremos que el sonido arranque automáticamente hay que añadir en la etiqueta
embed un atributo de forma que quede <embed src="nombre de archivo"
hidden="true">

• La representación gráfica de la consola para controlar los sonidos depende de los
plug-ins que tenga instalados cada sistema, por lo que comprobarás que la imagen se
verá distorsionada en uno de ellos cuando especifiques las dimensiones de la consola.
• La consola tiene un comportamiento irregular cuando se carga en Explorer utilizando
la etiqueta embed: el botón de parada hace un salto hacia adelante, y para parar la
reproducción hay que pulsar el botón de pausa.

• Cuando se hace una vista preliminar de la página con Mozilla es probable que no se
oiga el sonido (depende de las c