Play-Taste im Browser

Question

Ich möchte Songs auf eine Webseite stellen und eine kleine Play-Taste haben, wie Sie auf Last.fm oder Pandora sehen können. Auf der Website können mehrere Songs aufgeführt sein. Wenn Sie einen anderen Song mit einem bereits laufenden Song spielen, wird der erste Track angehalten und der gerade angeklickte Song wiedergegeben. Ich denke, dass sie Flash dafür verwenden, und ich könnte es wahrscheinlich in ein paar Stunden implementieren, aber gibt es bereits Code, den ich dafür verwenden könnte? Vielleicht nur eine Flash-SWF-Datei, die Sie versteckt auf einer Webseite mit einer grundlegenden JavaScript-API, die ich zum Streamen von MP3-Dateien verwenden kann?

Auch was ist mit WMA oder AAC-Dateien? Gibt es eine universelle Lösung, die diese 3 Dateitypen abspielen kann?

---

http://musicplayer.sourceforge.net/

Answer 1

Es gibt viele Flash-MP3-Player, die Sie tun dies nutzen können. Normalerweise müssen Sie nur eine Textdatei bearbeiten, um auf die MP3s zu zeigen, die Sie verfügbar haben möchten.

Hier ist die erste, die für flash mp3 player auf einer Google-Suche auftauchten: http://www.flashmp3player.org/demo.html

Answer 2

Das ist ziemlich einfach, wenn Sie die WMP einbetten möchten, können Sie alle Steuerelemente über JavaScript verwenden. Es gibt einen großen MSDN-Abschnitt, aber ich kann es jetzt nicht finden.

Bearbeiten: Ich fand this auf MSDN es enthält die Eigenschaften, die eine eingebettete WMP akzeptiert dann alles, was Sie tun müssen, ist die Methoden über Javascript aufrufen.

<OBJECT id="VIDEO" width="320" height="240" 
    style="position:absolute; left:0;top:0;" 
    CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" 
    type="application/x-oleobject"> 

    <PARAM NAME="URL" VALUE="your file or url"> 
    <PARAM NAME="SendPlayStateChangeEvents" VALUE="True"> 
    <PARAM NAME="AutoStart" VALUE="True"> 
    <PARAM name="uiMode" value="none"> 
    <PARAM name="PlayCount" value="9999"> 
</OBJECT> 

Dann für die Javascript

<script type="javascript"> 
obj = document.getElementById("VIDEO"); //Where video is the id of the object above. 
obj.URL="filename"; //You can use this to both start and change the current file. 
obj.controls.stop(); //Will stop 
obj.controls.Pause(); //Pause 
</script> 

Irgendwo hier habe ich Code auch die Lautstärke zu regeln.
Vor einiger Zeit habe ich einen benutzerdefinierten (Looking) Player für einen Client rein in HTML und JavaScript erstellt.

Answer 3

Etwas, das ich vorgemerkt vor langer Zeit, aber nie so weit testen: http://www.schillmania.com/projects/soundmanager2/

Answer 4

I Vorschlag zweiter superjoe30 ist: Ich mit Musikplayer großen Erfolg gehabt. Das einzige (leichte) Negativ ist, dass es ein etwas älteres Projekt ist und nicht so gut skinfähig wie einige der Alternativen (obwohl Sie den vollen Quellcode haben, also - mit etwas Zeit - können Sie es so aussehen lassen, wie Sie es brauchen) .