Open Source MP3 Player
16 Feb 2008
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 )
Link: Astra Components
RSS Feed
SWF Screensaver for Mac
50 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 :
@ 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 .(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-″ 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
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
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:
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 ( )
Schreibe einen Kommentar