2009-11-03 5 views
8

Sto cercando un plug-in o un codice che consenta di eseguire musica di sottofondo quando il mio sito Web verrà aperto. Questo tipo di funzionalità si trova normalmente nel sito Web di Flash, in cui lo sfondo, ma voglio farlo utilizzando jquery nel mio sito web,JQuery: come eseguire la musica di sottofondo nel sito Web?

Fornire qualsiasi collegamento a plug-in o codice che possa aiutarmi in questo numero.

Grazie

+40

prega potrebbe darci un elenco di tutti i siti che si sta per essere l'aggiunta di musica, in modo che possiamo evitare di loro per sempre. – nickf

+6

Ehi ragazzi, potrebbe non avere una scelta :) –

+4

@nickf, non sono un grande fan della musica di sottofondo sul sito, ma il mio cliente lo desidera. Anche io gli ho spiegato che rallenterà il sito e disturberà anche l'utente, ma dice che non ci sono problemi da implementare. Quindi è un requisito del cliente non mio. – Prashant

risposta

16

Uso il plug-in JPlayer. Ha metodi che puoi chiamare per eseguire l'audio in qualsiasi momento e senza un lettore.

+0

Questo è bello e funziona per me. Lo scelgo perché sto già usando la libreria JQuery nel mio sito web. : D Grazie – Prashant

+3

jPlayer è ora disponibile all'indirizzo: http://www.jplayer.org/ –

5

Si potrebbe voler esaminare la HTML 5 <audio> tag, anche se si desidera il supporto IE avrete in ultima analisi, deve cadere di nuovo ad un plugin come Flash o Quicktime.

+1

Questo è probabilmente il modo più semplice per ottenere audio sul tuo sito. – Faizan

+0

+1, perché dovrei scherzare con jQuery/Javascript, quando hai semplicemente bisogno di HTM?!. Con MP3 funziona con IE9 +, Chrome4 +, FF3.5 + e per Safari 5.1.7 è necessario convertire il file audio nel supporto dei browser audio .GG qui: http://caniuse.com/audio –

0

L'unico cross-browser, indipendente dal sistema operativo in cui è possibile fare questa cosa orribile è utilizzare un applet invisibile che espone un'API che è possibile controllare tramite Javascript. Purtroppo, non so come crearne uno e non riesco a trovare un giocatore invisibile da nessuna parte, quindi credo che la mia risposta non sia molto utile. Oh bene.

2

Penso che la strada da percorrere sia la libreria SoundManager: l'ho usata per uno scopo simile in cui un cliente chiedeva di avere musica di sottofondo.

Viene anche utilizzato da siti come CitySounds.fm.

8

Questa è una domanda perfettamente valida e accettabile.

Se il sito è costituito da più di una pagina - non è Flash né pieno di Ajax (come Gmail) - devi assicurarti che il lettore rimanga su una cornice che non cambia in modo che la tua musica non si fermi quando fai clic un collegamento.

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

Questo significherà anche che un problema può sorgere con la ricerca bot che possono indicare direttamente in un fotogramma del sito - saltare l'indice e quindi invalidante musica. Se così non fosse, dovresti stare bene.

È quindi possibile utilizzare una libreria audio SoundManager, come indicato da @VoxPelli, per controllare il proprio javascript. Notare che il sito @VoxPelli menziona è un ottimo esempio di un sito con musica! Tuttavia, quando fai clic su esplora la musica si interrompe quando l'utente viene indirizzato a una nuova pagina. L'unico modo per superare questo è con i frame.

Spero che aiuti!

+0

+1 Soluzione alternativa interessante per la navigazione delle pagine. –

1

Prova questa (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

Il rilevamento del browser è malvagio! –