Beim Testen der Open-Source-Komponenten von Yahoo! ist ein kleiner Flash MP3-Player entstanden, mit dem man MP3s in eine Website integrieren kann. Man benötigt kein Flash, da die MP3-Datei über den Code zum Einbetten angegeben wird.
Der Player so sieht so aus:
Er hat mehrere Parameter, die beim Einbetten angegeben werden können. Der wichtigste ist der Pfad und Name des MP3-Files (relativ zum HTML-File oder als absolute URL). Des Weiteren, ob der Song sofort gestartet werden soll oder ob man auf den Playbutton drücken muss (autoPlay). Außerdem kann man die Anfangslautstärke (0 bis 1) einstellen. Der Loop-Parameter sorgt dafür, dass das MP3-File wiederholt wird.
-
audio="myaudio.mp3"
-
autoplay="false"
-
volume="0.5"
-
loop="true"
Der Defaultwert für autoplay ist true, für loop ist er false.
Die Breite des Players passt automatisch der Breite an, die beim Einbetten der SWF-Datei angegeben wird. Sie darf jedoch für eine korrekte Darstellung 200 Pixel nicht unterschreiten. Die Höhe des MP3-Players beträgt immer 50 Pixel.
Systemvoraussetzung ist der Flash Player 9 (ab 9.0.28).
Hier in WordPress ist der Player beispielsweise so eingebunden (unter Verwendung des Plugins Kimili Flash Embed):
-
[kml_flashembed movie="/wp-content/uploads/2008/02/flashaudioplayer/flashaudioplayer.swf?audio=/wp-content/uploads/2008/02/flashaudioplayer/rock-guitar.mp3&autoplay=false" width="300" height="50" scale="noscale" salign="tl" /]
Download: Flash Audio (MP3) Player (ZIP-Archiv, Player, Beispiel und Quelldateien; aktualisiert am 21.12.2008)
Link: Astra Components
81 Kommentare zum Beitrag "Open Source MP3 Player"
[...] testing of the open-source components of Yahoo,video-flash.de made a small flash MP3 player and shared the source code.He/Her wrote it in German,I translated [...]
Hab lange gesucht – dein Player passt perfekt!
- Danke -
Ein Problem hab ich noch:
Wie kann ich entweder den Player löschen / nullen
oder den Musiktitel zur Laufzeit ändern?
Übersicht: Mit Flash erstellte MP3-Player für die eigene Website…
Oftmals will man eine MP3-Datei oder ganze Songlisten in eine Website integrieren. Hier eine Übersicht über größtenteils kostenlose MP3-Player, die mit Flash oder Flex erstellt worden sind.
Easylistener Flash Music Player
Von Yahoo! kann man einen…
Den Musiktitel zur Laufzeit ändern könntest du z.B. mit JavaScript. Die Parameter des SWFObjects ändern und das SWFObject nochmals neu schreiben. Das sollte funktionieren.
Toller player aber ich hab ein Problem untzwar wenn ich ‘flashvar.autoplay = false;’ setze ignoriert er das und spielt die Datei einfach ab. Was läuft denn da falsch?
Hi Alex,
vermutlich hast du irgendwo einen Fehler beim Einbinden, weshalb der Parameter gar nicht ankommt. Evtl. bindest du die Variable flashvars nicht mit ein?
Du kannst den Parameter auch direkt an die SWF-Datei ranhängen. Schau dir am besten den Quellcode dieser Seite an.
hey,could u explain the question about this MP3 player at :
http://ntt.cc/2008/02/19/a-small-open-source-flash-mp3-player.html#comment-1116
@ segoro
Ja, bitte können Sie meine Frage antworten? (http://ntt.cc/2008/02/19/a-small-open-source-flash-mp3-player.html#comment-1116)
Ich finde dieser MP3 Spieler toll und ich möchte er in meiner Jazzkurs benutzen, aber er muss weiterspielen.
Danke!
(tut mir leid, dass mein Deutsch so schlecht ist! Englisch ist mein Hauptsprach!)
Es scheint ein Problem mit dem verwendetem Demo MP3 File zu sein. Bei meinen Test mit anderen MP3 Dateien ist der Player immer korrekt an den Anfang zurückgesprungen.
@ Flo
Danke Flo! Ich habe ein andere MP3 File in meinem Kurs benützt, und alle ist toll! Dieser MP3 Spieler wird sehr nützlich!
Danke für diesen tollen Open Source MP3 Player.
Ich versteh das ganze leider nich so =/
Hätte jemand eventuell die Lust und die Zeit mir das zu erklären wie man sowas einstellt auf der Site¿
Wo besteht denn genau das Problem? Und wo willst du den Player einbetten (HTML, WordPress,etc.)?
also bei mir funktioniert das mit dem autplay=false au ned :( natürlich voll nervig, wenn des glei los geht. kann jemand helfen?
/* audio player parameters */
flashvars.audio = “mp3player/FlaneBanane.MP3″;
flashvars.autoplay = falses;
/* end */
nur “false” ging au ned…
Es muss so heißen:
flashvars.autoplay = “false”;
ahhh okay, mit den anführungszeichen klappt es. danke! :)
hi, ich wüste gern ob und wo es die öglichkeit gibt die lautstärke zu ändern?
danke, toller player
mike
Hallo Mike,
aktuell gibt es nur die Parameter audio und autoplay. Wenn du Flash hast, könntest du natürlich direkt im Quellcode was ändern. Dazu müsstest du dich in der Doku der Astra Components schlau machen, wie es genau geht.
Wäre aber auf jeden Fall ein guter Punkt, den ich – wenn ich die Zeit finde – umsetzen werden.
SUUUUPER! Passt auch gleich auf anhieb farblich bei mir voll rein! Der HIt wärs wenn er noch streams abspielen könnte
hallo
hab folgendes prob wenn ich externe mp3 einbinden will, kannst du mir helfen
flashvars.audio = “http://www.archive.org/download.(entfernt)..mp3″;
SecurityError: Error #2028: Die SWF-Datei flashaudioplayer.swf in der Sandbox ‘local-with-filesystem’ kann nicht auf Internet-URL http://www.archive.org/download/.(entfernt)….mp3 zugreifen.
at flash.media::Sound/flash.media:Sound::_load()
at flash.media::Sound/load()
at com.yahoo.astra.fl.controls.mediaPlayerClasses::AudioClip/loadMedia()
at com.yahoo.astra.fl.controls::AudioPlayback/loadMedia()
at flashaudioplayer_fla::MainTimeline/flashaudioplayer_fla::frame1()
Das ist ein Sicherheitsfehler. Lässt du es lokal von deinem Rechner laufen? Stellt das ganze mal online auf einen Server.
Hallo, folgendes Problem… Bei mir offline wird der Player im IE6/7 und Firefox angezeigt und abgespielt.. Wenn ich aber die Seite auf den Server lade und mir diese online angucke, dann wird im Firefox alles korrekt angezeig, im IE wird aber der Player nicht angezeigt. :(
Folgendes habe ich in der HTML Datei stehen:
<script type=”text/javascript” src=”swfobject.js”></script>
</head>
<body>
<div id=”container”>
<object classid=”clsid27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0″ width=”200″ height=”35″>
<param name=movie value=”flashaudioplayer.swf?audio=B’yanka-Spasi.mp3&autoplay=true” width=”200″ height=”35″ scale=”noscale” salign=”tl”>
<param name=quality value=high>
<embed src=”flashaudioplayer.swf?audio=B’yanka-Spasi.mp3&autoplay=true” width=”200″ height=”35″ scale=”noscale” salign=”tl” quality=high pluginspage=”http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash” width=”200″ height=”35″> </embed>
</object>
Was generell Probleme bereiten dürfte ist der Dateiname: B’yanka-Spasi.mp3 –> besser: byanka-Spasi.mp3
In deinem Skript bindest du oben SWFObject ein, unten nutzt du es dann aber gar nicht.
Schau am besten mal hier rein, wie SWFObject genau verwendet hier:
http://www.video-flash.de/index/swfobject-20-final-swfobject-zum-einbetten-von-flash-swf-in-html/
Dann sollte es funkionieren. Falls es dann nicht klappt, kannst du ja mal einen Link zum Anschauen angeben.
Guten Tag.
ich habe eine Problem mit Flash MP3 Player ich habe dafum kanne ahnung wie das funs
darum brauch ich eure hilfe.
und bitte ich brauch eine Player für mein Online-Radio wo ich auch zum verlinken kamm.
Hier gibt es eine Übersicht mit Playern:
http://www.video-flash.de/index/ubersicht-mit-flash-erstellte-mp3-player-fur-die-eigene-website/
How can I set song title if my mp3 does not have ID3 tags?
I think that isn’t possible at the moment.
gibt es eine Möglichkeit, diesen Player zu loopen? sprich, wenn das Musikstück zu ende ist, dass es von vorn beginnt?
Nein, aktuell gibt es noch keinen Loop. Bin aber gerade dabei, den Player zu aktualisieren. Da ich erledigt ich das gleich mit.
Es gibt ein kleines Update:
***
- neuer Parameter “loop”
- neuer Parameter “volume”
***
hab den player so embeded
<object width=”400″ height=”100″>
<param name=”movie” value=”http://www.lenafankhauser.at/on_air/test/flashaudioplayer.swf” />
<embed width=”400″ height=”100″ src=”http://www.lenafankhauser.at/on_air/test/flashaudioplayer.swf” /></object>
leider spielt er aber nicht, was mach ich falsch?
Es fehlt noch die Angabe, welche Datei er abspielen soll.
…t/flashaudioplayer.swf?audio=http://www.deinedomain.de/song.mp3” />
genial. danke!
autoplay:
im flahsplayer.html file steht jetzt
/* audio player parameters */
flashvars.autoplay = “false”;
/* end */
dennoch spielt er den file automatisch ab. muss ich das im embed code auch noch angeben? und wo?
Weitere Parameter werden einfach mit & angehängt
…t/flashaudioplayer.swf?audio=http://www.deinedomain.de/song.mp3&autoplay=false&volume=0.5” />
und wieder danke.
jetzt noch was anderes. wenn man mehrere Instanzen auf einer seite hat entstehen probleme…ich glaube, weil der player die files automatisch vorbuffert.
kann man das abschalten?
Aktuell kann das Vorbuffern nicht abschalten.
na ja. auch kein problem. aber der player ist schon sehr nett, danke auf jeden fall! hier ein link bei welchem ich den player verwende http://tinyurl.com/79ov54
Hallo !
Ich hoffe ,daß mir Bitte jemand helfen kann.
Versuche schon seit Wochen diesen open source mp3 player in meine webseite zu integrieren.Folgenden code hab ich im quelltext :
<P STYLE=”margin-left: 0cm; margin-right: 2cm; margin-bottom: 0cm”><EMBED SRC=”../6012114/flashaudioplayer.swf?audio=../6181421/Can’t You See (Get Up).swf” TYPE=”application/x-shockwave-flash” NAME=”Objekt1″ ALIGN=BOTTOM WIDTH=300 HEIGHT=35></P>
Ich habe aus Not die mp3-datei umgewandelt in SWF-datei ,trotzdem zeigt sich der player zwar ordnungsgemäß auf der webseite ,spielt aber nicht.
Alle zusätzlichen parameter werden nach dem schließen wieder entfernt sodaß am ende nur foldende werte bleiben : <EMBED SRC=”flashaudioplayer.swf” (UND) TYPE=”application/x-shockwave-flash” NAME=”Objekt1″ ALIGN=BOTTOM WIDTH=300 HEIGHT=35></P>
alles andere ist wieder weg trotz “übernehmen”
habe auch versucht java script zu integrieren aber leider fehlgeschlagen.
Ich bitte um Hilfe
Als erstes: SWF funktioniert nicht, du musst MP3 nehmen.
Dann solltest du mal den Dateinamen des MP3s vereinfachen (z.B. cant-you-see.mp3). Apostrophen oder ähnliches führen eigentlich immer zu Problemen.
Danach: Hast du einen Link, wo man sich das mal anschauen kann? Dann hier posten.
Begrüße Euch! Ist der Kommentar von Gestern weg?
Funktioniert dieser Player mit einer playliste?
danke euch.
Dein Kommentar ist in den Spamfilter gerutscht …
Nein, aktuell leider keine Playliste.
Hallo zusammen!
wie setze ich anstatt einer MP3 Datei einen m3u verweis? Danke für jede Hilfe
Gruß, Klaus
Hallo Klaus,
ich glaube nicht, dass der Player mit m3u funktioniert.
Evtl. ist der Yahoo Media Player etwas für dich http://mediaplayer.yahoo.com/
Hallo Flo, erstmal super Player!
Ich habe es auch geschafft, den Player durch Bearbeiten der .fla Datei farblich an die Seite, auf der er eingebunden ist, anzupassen… es hapert nur noch an der Schriftfarbe für den Lauftext – kannst Du mir verraten, wie ich die von weiss auf schwarz bekomme? Dachte irgendwie an die Komponentenparameter, aber habe nichts gefunden… Vielen Dank im vorraus!
Hi Hendrik,
da bin ich spontan überfragt.
Evtl. findest du hier etwas:
http://developer.yahoo.com/flash/astra-flash/classreference/fl/core/UIComponent.html#style:textFormat
Es ist die Doku zu der Komponente, auf der der Player basiert.
hallo flo,
ich mach meine hp mit dem design assistent von t-online. ich kann da nix mit html machen, kenn mich auch damit nicht aus.
füge meine videos und slideshows mit dem EINBETTEN code in meine hp ein über die funktion WIDGETS !
kann ich deinen mp3 player trotzdem irgendwie einbauen??? und wie???
vielen Dank!
Mhh, kann ich leider nicht beantworten, da ich den Designassistent von T-Online nicht kenne.
Hallo!
Ich möchte den Player gerne auf einer Website verwenden. Leider konnte ich noch keinen Hinweis dazu finden, unter welcher Lizenz dieser steht. Kannst du dies bitte noch ergänzen? Danke!
MfG
Pascal
Die Lizenz ist BSD. Ich passe mich da der Komponente an, auf der der Player basiert ( http://developer.yahoo.com/flash/astra-flash/ )
Der Link ist defekt: Link: Astra Components
korrekt ist: http://www.video-flash.de/index/astra-flash-components-10-weitere-open-source-komponenten-fur-flash-und-flex/
Danke. Korrigiert
Hi,
ich habe hier ein Prog, was mir anbietet, einen "Platzhalter" durch Flash zu ersetzten. Mir steht eine Zeile zur Verfügung, um code einzugeben. Gebe ich dort : flashaudioplayer.swf ein, so ist der Player an der richtigen Stelle beim lokalen Veröffentlichen der Site auf meinem Rechner. Wie müssen exact die weiteren Codezeilen aussehen, damit "egon.mp3" nicht automatisch abgespielt wird?
100 Dank.
Müsste so gehen:
flashaudioplayer.swf?audio=http://…..egon.mp3&autoplay=false
Den Pfad zur MP3-Datei entsprechend anpassen.
Hallo!
Erstmal ein großes Lob für den Player! Klasse!
Irgendwo hab ich wohl noch ein Denkfehler drin.
Also:
Der Player läuft nur auf meinem PC, nicht online auf einem Server. Auf meiner FP habe ich massig mp3, die alphabetisch in Ordner International, Deutsch, u.s.w. und dann in Ordnern A,B,C u.s.w geordnet sind.
Euer Player findet auch die passende mp3, die ich ihm im Script zuweise. Aber nur eine ! Ich möchte gerne mehrere mp3 hintereiander abspielen. Wo liegt mein Fehler im Script?
/* audio player parameters */
flashvars.audio = "file:///d:/International/C/COLDPLAY – Speed Of Sound.mp3"
flashvars.audio = "file:///d:/International/A/AMERICAN JAM BAND – Jam Jam.mp3"
//flashvars.autoplay = "true";
//flashvars.volume = "100";
flashvars.loop = "false";
/* end */
So spielt euer Player nur immer den zweiten Song ab. Bitte um Hilfe.
LG
Franz
Der Grund ist einfach: Der Player unterstützt leider keine Playlists.
This player is working well for me with one exception. When it first starts playing the song, before it's finished loading, the progress bar goes crazy and the id3 tags don't show up. Once it's finished loading, everything works fine, and when re-loading the page it works. Has anyone else experienced this and know a fix. I do need it to auto play, so turning that off is not an option. See this sample link.
http://www.nickquest.com/audio/player1.html
Seems like the relevant information are at the end of the file. Have you tried it with other mp3 files? Perhaps it can be solved with another encoder that places the metadata in another way.
Otherwise you can check if this is a known problem of the Yahoo! component this player is based on.
Hallo, bei mir funzt autoplay und loop ausstellen auch nicht. Ich habe es wie folgt eingebunden:
<script type="text/javascript">
var flashvars = {};
/* audio player parameters */
flashvars.audio = "player/heuteundhier.mp3";
//flashvars.autoplay = "false";
//flashvars.volume = "0.5";
flashvars.loop = "false";
/* end */
var params = {};
params.scale = "noscale";
params.allowfullscreen = "false";
params.salign = "tl";
var attributes = {};
attributes.align = "left";
/* embed audio player */
swfobject.embedSWF("player/flashaudioplayer.swf", "audioPlayer2", "340", "35", "9.0.28", "expressInstall.swf", flashvars, params, attributes);
</script>
Hab es jetzt schon hinbekommen
schade das es keine installations-anleitung gibt.
Hallo,
habe in den Tagen diesen interssanten Player entdeckt! Ist es möglich in dem Laufband des Display (zur Zeit Interpret/Titel) auch weitere Daten aufzunehmen (Album – Albuminterpret – Jahr). Ich habe Flash CS3 – in der FLA Datei habe ich aber nichts gefunden. Wenn ja – bitte angeben wo genau! DANKE!
Könntest Du ein Code-Beispiel machen wie man den Musiktitel zur Laufzeit ändern könnte?
Vielen Dank
In Flash? Aus HTML/JavaScript ist aktuell keine Schnittstelle vorhanden.
Ich habe ein Problem mit dem Player und Windows 7. Sowohl mit IE als auch mit Firefox sehe ich:
a) nicht alles und
b) kann ich das file nicht starten.
Liegt es an mir oder an Win7?
Hallo,
bei meinem Versuch die Grösse des Players anzupassen bin ich leider gescheitert. Wenn ich eine Breite von 300 und eine Höhe von 50 Pixeln angebe, erstellt er auch einen Flashfilm in dieser Grösse, allerdings sitzt der Player innerhalb diese Films nur mit einer Grösse von 150×25 Pixeln (wenn ich scale auf "noscale" setze ist der Player innerhalb des Films 200 x 35 Pixel gross)
Der Flashplayer im Browser ist Version 10
hier der Code zum Einbinden:
<div id="audioPlayer">This text will be replaced </div>
<script type="text/javascript">
var flashvars = {};
flashvars.audio = "laufen.mp3";
flashvars.autoplay = "false";
flashvars.loop = "true";
var params = {};
params.scale = "noscale";
params.allowfullscreen = "true";
params.salign = "tl";
var attributes = {};
attributes.align = "left";
swfobject.embedSWF("flashaudioplayer.swf", "audioPlayer", "300", "50", "9.0.28", "expressInstall.swf", flashvars, params, attributes);
</script>
Was muss ich ändern?
Danke Tobi
Hallo Flo,
der Player ist ein klasse Tool!
Eine Frage: wenn ich mehrere auf eine html-Seite stelle wirft es die Reihenfolge der Musikstücke durcheinander.
Werden die nach Interpret alphabetisch sortiert? Hab in den Tags Zahlen vorangestellt, ändert aber nichts.
Zu sehen unter http://www.klavier-wagner.de/gebr.htm bei den Flügeln.
Danke schon mal!
Ich schätze mal, da kommt etwas durcheinander, wenn du den gleichen Code mehrmals verwendest.
Verwende mal pro Player für die flashvars jeweils einen unterschiedliche Namen. Zum Beispiel flashvars1 für den ersten Player:
var flashvars1 = {};
…
flashvars1…. =
swfobject.embedSWF(… flashvars1,…)
Danke für die schnelle Antwort!
Hab´s geändert, die Player stehen leider immer noch in alphabetischer Reihenfolge.
Hättest Du noch einen Tipp?
Danke schon mal!
Du darfst nicht mehrere divs mit der id "audioPlayer" haben. Du musst also jeweils 2 Stellen anpassen.
- swfobject.embedSWF("flashaudioplayer.swf", "audioPlayer"…
- und dazu die ID im div-Element
toller player, möchte den für einen Kunden nutzen, und habe schon eine neue Oberfläche gestaltet, aber finde nirgends die Möglichkeit die Schriftfarbe zu ändern?
Kannst du bitte kurz erklären wie ich die Parameter während der Laufzeit per JS ändern kann?
Danke
Wenn du es mit SWFObject einbettest, kann du einfach SWFObject erneut ausführen mit anderen Parameter.
hallo,
wie kann ich denn den lauftext im player ändern?
Das läuft über die ID3-Tags, die in der MP3 eingebettet sind.
[...] webseite hallo, ich will auf einer seite ein mp3 abspielen lassen. z.z. benutze ich das hier: Open Source MP3 Player | http://www.video-flash.de ist auch soweit gut, allerdings kann es einen kleinen loop nicht sauber abspielen. am ende entsteht [...]
Hallo Alle zusammen!
Zunächst: Vielen Dank für diesen kostenlosen mp3-Player!
Dieser Player gefällt mir sehr gut und ich habe die ZIP-Datei downgeloaded. Ich hatte gehofft eine ausführliche deutsche Installationanleitung mit dabei zu finden.
Da ich "Schmalspur-html'er" bin brauche ich da wirklich eine ausführliche (!) Schritt-für-Schritt Anleitung.
Kann mir jemand helfen und/oder gibt es da irgendwo eine PDF-Anleiung? Vielen Dank!
Gruß
Lenni
Hallo Flo,
danke für den Player.
Ich hätte noch eine Anregung für ein Update:
Einen Flag um prefetching an-/abzuschalten.
Gruß,
Gegenwartsanalyst
Sehr sehr schön, vielen lieben Dank! Muss ich bei der Verwendung des Players, irgendwelche Lizenzbestimmungen beachten? Oder darf ich diesen für jede Webseite nutzen?
Da meine Frage nicht beantwortet wurde, nochmals:)
Muss ich bei der Verwendung des Players, irgendwelche Lizenzbestimmungen beachten? Oder darf ich diesen für jede Webseite nutzen?
@Jan-Christoph: Siehe Kommentar Nr. 50
Schreibe einen Kommentar