Incrustar Sonido

Material necesario para empezar a trabajar:

       Macromedia Dreamweaver
       Midi

    
         Autora del tutorial:
Lilian´s Design

En este tutorial aprenderás:

REALIZACION:

1ª Opción: Instrucción <Embed></Embed>

Explicaré las características de cada opción y luego tu determinarás cual de las dos es la que más te conviene. Hacemos clic en un punto del documento donde queramos insertar el sonido:

Clic en la barra de insertar en el icono de Media y seleccionar la opción plugin. (La imagen del icono cambia según la opción que haya señalada en él.) También puedes hacerlo desde el menú de opciones Insertar - Media - Plugin.

En la ventana emergente señalamos el midi que os he proporcionado y que previamente habréis guardado en la carpeta de midis en vuestro sitio dreamweaver:

Hacemos clic en el cuadradito que aparece en el lugar donde estaba el puntero del ratón para que salgan sus características en el inspector propiedades. Cambiamos sus medidas a 320 x 40 y luego hacemos clic en parámetros. En la ventana emergente clic en la casilla izquierda y escribimos loop luego clic en la casilla derecha y escribimos true. Con esto lograremos que el midi se reproduzca continuamente en un bucle.

Si hacemos clic en la vista de código y buscamos la instrucción html generada será esta:

 
<p align="center"> <embed src="midis/midi21.mid" width="320" height="40"loop="true"></embed>

En el navegador veremos el reproductor así:

 


A tener en cuenta:

  • Si en las medidas del reproductor en vez de 320x40 ponemos 0x0 será invisible.

  • Con el reproductor tenemos la ventaja de que el usuario puede elegir entre oír el sonido o no.

  • Si el reproductor es invisible, hay que tener en cuenta que si minimizamos la pagina el sonido con esta instrucción seguirá sonando constantemente aunque no esté activa la página. Esto puede ser molesto.

  • Se reproduce tanto en internet explorer como en netscape

Ahora guardamos nuestra pagina (clic en F12) y la visualizamos en el navegador y esto es lo que veremos:

Mi página Web

Nota Importante: Al visualizar la página en nuestro pc, nos saldrá un mensaje (que seguro hemos visto otras veces) - Para ayudar a proteger su seguridad, Internet Explorer impidió que este archivo mostrara contenido activo que podría obtener acceso al equipo. Haga clic aquí para consultar más opciones... - Debemos permitir el contenido bloqueado.

Para enseñarme este resultado en el foro: Archivo - Guardar como y nómbralo parte6.html

2ª Opción: Instrucción <Bgsound>

Antes que nada, elimina el plugin de sonido añadido anteriormente. Luego necesitaremos ir a vista de código html:

y escribir la siguiente instrucción:  <bgsound src="midis/midi21.mid" loop="-1">

Con esto le indicamos, que en la carpeta midis tiene el midi que queremos oir, que se llama midi21 y que queremos oírlo constantemente.  Esta instrucción debe ir antes de la etiqueta de cierre </head> y así es como quedaría en el código:

A tener en cuenta:

  • Es completamente invisible en el documento visto en el navegador

  • Si minimizamos la página deja de oírse.

  • Sólo será percibido por los usuarios que naveguen con internet explorer. Discriminará al resto de navegadores

  • No permite control alguno al usuario sobre el sonido: parar, pausar, volumen, etc.

Ahora guardamos nuestra pagina (clic en F12) y la visualizamos en el navegador y esto es lo que veremos:

Mi página Web

Para enseñarme este resultado en el foro: Archivo - Guardar como y nómbralo parte7.html

Ya queda menos. Nos vemos en el siguiente tutorial.

 

Tutorial creado el 29/03/2006
Prohibida la reproducción total o parcial sin consentimiento escrito.