2009-11-03 5 views
8

Ich suche nach einem Plugin oder Code, mit dem ich Hintergrundmusik abspielen kann, wenn meine Website geöffnet wird. Diese Art von Funktionalität normalerweise in Flash-Website gefunden, wo Hintergrund, aber ich möchte es mit jquery in meiner Website,JQuery: Wie Hintergrundmusik in der Website laufen?

machen Bitte stellen Sie alle Plugin oder Code-Link, der mir in diesem Problem helfen wird.

Dank

+40

Bitte könnten Sie uns eine Liste aller Websites, Sie gehen zu werden Hinzufügen von Musik zu, so können wir sie für immer vermeiden. – nickf

+6

Hey Leute, er hat vielleicht keine Wahl :) –

+4

@nickf, Ich bin kein großer Fan von Hintergrundmusik vor Ort, aber mein Klient will es. Sogar ich habe ihm erklärt, dass es die Seite verlangsamen wird und auch den Benutzer stören wird, aber er sagt, dass keine Probleme es nur implementieren. Es ist also eine absolute Kundenanforderung, nicht meine. – Prashant

Antwort

16

Ich benutze das JPlayer Plugin. Es verfügt über Methoden, mit denen Sie jederzeit und ohne Player Audio abspielen können.

+0

Das ist cool und funktioniert für mich. Ich wähle das, weil ich bereits die JQuery-Bibliothek in einer Website verwende. : D Danke – Prashant

+3

jPlayer ist jetzt zu finden unter: http://www.jplayer.org/ –

5

Sie könnten in die HTML 5 <audio> tag aussehen wollen, obwohl, wenn Sie IE-Unterstützung möchten, müssen Sie letztlich zu einem Plugin wie Flash oder Quicktime zurückgreifen müssen.

+1

Dies ist wahrscheinlich der einfachste Weg, um Sound auf Ihrer Website zu erhalten. – Faizan

+0

+1, warum sollte ich mich mit jQuery/Javascript herumschlagen, wenn Sie einfach HTM brauchen? Mit MP3 funktioniert es IE9 +, Chrome4 +, FF3.5 +, und für Safari 5.1.7 müssen Sie Audio-Datei in .OGG Audio-Browser-Unterstützung hier konvertieren: http://caniuse.com/audio –

0

Die einzige browserübergreifende, betriebssystemunabhängige Methode, mit der Sie diese schreckliche Sache machen können, ist ein unsichtbares Flash-Applet, das eine API zur Verfügung stellt, die Sie über Javascript steuern können. Leider weiß ich nicht, wie man einen macht, und ich kann nirgends einen unsichtbaren Spieler finden, also denke ich, dass meine Antwort nicht sehr nützlich ist. Naja.

2

Ich denke, der Weg zu gehen ist die SoundManager Bibliothek - ich habe es für einen ähnlichen Zweck verwendet, wo ein Kunde Hintergrundmusik benötigt.

Es wird auch von Websites wie CitySounds.fm verwendet.

8

Dies ist eine vollkommen gute und akzeptable Frage.

Wenn Ihre Website aus mehr als einer Seite besteht - weder Flash noch Ajax (wie Gmail) - müssen Sie sicherstellen, dass der Player auf einem Frame bleibt, der sich nicht ändert, damit Ihre Musik nicht stoppt, wenn Sie klicken eine Verbindung.

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

Dies bedeutet auch, dass ein Problem mit der Suche Bots entstehen kann, die direkt in einen Rahmen Ihrer Website hinweisen - den Index Überspringen und damit Musik zu deaktivieren. Wenn das nicht der Fall ist, sollte es Ihnen gut gehen.

Sie können dann eine Sound-Bibliothek verwenden SoundManager, wie @VoxPelli hingewiesen, um Ihr Javascript zu steuern. Beachten Sie, dass die Seite @VoxPelli erwähnt ein großartiges Beispiel für eine Website mit Musik ist! Wenn Sie jedoch auf klicken, wird die Musik unterbrochen, wenn der Benutzer auf eine neue Seite geleitet wird. Der einzige Weg, dies zu überwinden, ist mit Frames.

Hoffe es hilft!

+0

+1 Interessante Problemumgehung für Seiten durchsuchen. –

1

Versuchen Sie, diese (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

Browsererkennung ist böse! –