2009-11-03 20 views
8

Estoy buscando un complemento o código con el que pueda ejecutar música de fondo cuando se abra mi sitio web. Este tipo de funcionalidad normalmente se encuentra en el sitio web flash, donde fondo, pero quiero hacerlo usando jquery en mi sitio web,JQuery: ¿Cómo ejecutar música de fondo en el sitio web?

Proporcione cualquier complemento o enlace de código, que me ayudará en este tema.

Gracias

+40

Por favor, ¿podría darnos una lista de todos los sitios web que va a ser la adición de la música para, por lo que se pueden evitar siempre. – nickf

+6

Hola chicos, es posible que no tenga otra opción :) –

+4

@nickf, no soy un gran admirador de la música de fondo en el sitio, pero mi cliente lo quiere. Incluso le expliqué que ralentizará el sitio y también molestará al usuario, pero él dice que no hay problemas simplemente impleméntelo. Entonces, es totalmente un requisito del cliente, no mío. – Prashant

Respuesta

16

Uso el complemento JPlayer. Tiene métodos a los que puede llamar para ejecutar audio en cualquier momento y sin reproductor.

+0

Esto es genial y funciona para yo. Elijo esto porque ya estoy usando la biblioteca JQuery en un sitio web. : D Gracias – Prashant

+3

jPlayer ahora se encuentra en: http://www.jplayer.org/ –

5

Es posible que desee ver en la HTML 5 <audio> tag, aunque si quieres soporte IE usted en última instancia tiene que recurrir a un plug-in como Flash o Quicktime.

+1

Esta es probablemente la forma más fácil de obtener sonido en su sitio. – Faizan

+0

+1, ¿por qué debería perder el tiempo con jQuery/Javascript, cuando simplemente necesita HTM?!. Con MP3 funciona IE9 +, Chrome4 +, FF3.5 +, y para Safari 5.1.7 necesita convertir archivos de audio en la compatibilidad con los navegadores de audio .OGG aquí: http://caniuse.com/audio –

0

La única forma independiente de navegación entre navegadores y OS que puede hacer es usar un applet flash invisible que expone una API que puede controlar a través de Javascript. Tristemente, no sé cómo hacer uno y no puedo encontrar un jugador invisible en ninguna parte, así que supongo que mi respuesta no es muy útil. Oh bien.

2

Creo que el camino a seguir es la biblioteca SoundManager - Lo he usado con un propósito similar cuando un cliente exigía tener música de fondo.

También es utilizado por sitios como CitySounds.fm.

8

Esta es una pregunta perfectamente buena y aceptable.

Si su sitio consta de más de una página, no es Flash ni Ajax completo (como Gmail), debe asegurarse de que el reproductor permanezca en un marco que no cambie para que su música no se detenga cuando haga clic un enlace.

--------------------- 
| site content  | 
|      | 
|--------------------- 
| invisible frame | 
--------------------- 

Esto también significa que puede surgir un problema con la búsqueda de los robots que pueden señalar directamente en un marco de su sitio - omitiendo el índice y por lo tanto la desactivación de la música. Si ese no es el caso, deberías estar bien.

A continuación, puede utilizar una biblioteca de sonidos SoundManager, como señaló @VoxPelli, para controlar su javascript. ¡Noten que el sitio @VoxPelli menciona es un gran ejemplo de un sitio con música! Sin embargo, cuando hace clic en explore, la música se rompe mientras el usuario se dirige a una página nueva. La única forma de superar esto es con marcos.

Espero que ayude!

+0

+1 Solución interesante para la búsqueda de páginas. –

1

probar este (pastebin):

<!-- START SOUND CODE V3.15 --> 
<center> 
<script language="JavaScript" type="text/javascript"> 
<!-- 
// PLAYER VARIABLES 

var mp3snd = "/TehSteve/bgmusic1.mp3"; 
var bkcolor = "000000"; 

if (navigator.userAgent.toLowerCase().indexOf("msie") != -1) { 
document.write('<bgsound src="'+mp3snd+'" loop="1">'); 
} 
else if (navigator.userAgent.toLowerCase().indexOf("firefox") != -1) { 
document.write('<object data="'+mp3snd+'" type="application/x-mplayer2" width="0" height="0">'); 
document.write('<param name="filename" value="'+mp3snd+'">'); 
document.write('<param name="autostart" value="1">'); 
document.write('</object>'); 
} 
else { 
document.write('<audio src="'+mp3snd+'" autoplay="autoplay">'); 
document.write('<object data="'+mp3snd+'" type="application/x-mplayer2" width="0" height="0">'); 
document.write('<param name="filename" value="'+mp3snd+'">'); 
document.write('<param name="autostart" value="1">'); 
document.write('<embed height="2" width="2" src="'+mp3snd+'" pluginspage="http://www.apple.com/quicktime/download/" type="video/quicktime" controller="false" controls="false" autoplay="true" autostart="true" loop="false" bgcolor="#'+bkcolor+'"><br>'); 
document.write('</embed></object>'); 
document.write('</audio>'); 
} 
//--> 
</script> 
<br> 
</center> 
<!-- END SOUND CODE V3.15 --> 
+0

¡La detección del navegador es mala! –

Cuestiones relacionadas