2011-06-30 24 views
7

¿Cómo agrego música de fondo a una página web? De modo que cuando el visitante abre la página, la música se reproducirá automáticamente.cómo agregar música de fondo a una página web?

He intentado <object><embed> y <bgsound> pero no funcionan en Firefox. ¿Por qué?

+17

No haga esto. A los usuarios les molesta. – Asaph

+1

@Asaph Creo que hay muy pocas situaciones en las que podría ser apropiado (por ejemplo, un juego HTML, una animación basada en lienzo, etc.). La mayoría de las veces, tienes razón, es molesto y hará que la gente se vaya. – djlumley

Respuesta

5

La etiqueta <bgsound> es específica de Internet Explorer y, por lo tanto, no funcionará en otros navegadores como FireFox. La etiqueta <embed> debería funcionar en Firefox si la usa correctamente. Utilizará un complemento de navegador para reproducir el sonido. A continuación se muestra un ejemplo:

<embed loop="true" src="sound.wav" hidden="true" type="video/quicktime"></embed> 
  • loop="true" especifica para reproducir el sonido en varias ocasiones.
  • src="sound.wav" especifica la ruta relativa del archivo de sonido para reproducir. La variedad de formatos que puede reproducir depende de lo que type= especifique.
  • hidden="true" indica que no se muestra la interfaz del reproductor de medios. Escóndelo si desea que el usuario no pueda pausar, detener o navegar a través del sonido.
  • type="video/quicktime" especifica el uso de un componente Quicktime, lo que significa que el cliente debe tener instalado Quicktime. Use application/x-mplayer2 para Windows Media Player o audio/x-pn-realaudio-plugin para audio de Real Player. Quicktime reproduce más formatos y es probablemente lo que deseará usar.

Alternativamente, use <object> de una manera muy similar. Un ejemplo es el siguiente:

<object data="sound.wav" type="video/quicktime" width="0" height="0"> 
    <param name="filename" value="sound.wav"> 
    <param name="autostart" value="1"> 
    <param name="playcount" value="true"> 
</object> 

Tenga en cuenta que, al igual que la etiqueta <marquee>, sonido de fondo en una página web es generalmente mal visto porque a menudo es molesto y molesto. Además, a medida que el usuario alterna entre páginas o causa retrocesos, el sonido se reiniciará desde el principio. Solo use formatos de audio que estén muy comprimidos, lo que significa que tienen un tamaño de archivo pequeño, o el sonido no se reproducirá durante varios segundos mientras se descarga en la máquina del cliente.

4

El método de inserción coloca un reproductor multimedia en su página. Aquí está la versión más básica del código:

<audio controls="controls"><source src="SoundFile.mp3" type="audio/mpeg" /></audio> 

El reproductor incrustado se ve así:

enter image description here

Si prefiere no mostrar al jugador (y dar al usuario sin control), utilice este código:

<audio><source src="SoundFile.mp3" type="audio/mpeg" /></audio> 

Para más en formación y opciones como reproducción automática, ver HTML5 audio.

2

Para reproducir audio y mostrar los controles estándar:

<audio autoplay="autoplay" controls="controls"> 
 
    <source src="http://onet4u.com/nazrenz.mp3" />  
 
</audio>

o para ocultar los controles:

<audio autoplay="autoplay"> 
 
    <source src="http://onet4u.com/nazrenz.mp3" />  
 
</audio>

Cuestiones relacionadas