ilch Forum » Allgemein » Plauder Ecke » EIGENER (Design) mp3-player auf Homepage

Geschlossen
  1. #1
    User Pic
    Venece gelöschter User
    hi leute ... ich möchte gern einen Mp3-Player auf meiner Homepage einbinden. Wie man generell Hintergrund-Musik einfügt weiß ich. Wie man eine SWF Datei einfügt weiß ich auch. Aber wie kann ich einen ganz eigenen (simplen) MP3-Player in mein Design einbinden.
    er brauch nur:
    -Titel anzeigen
    - vor
    - zurück
    - ton an/aus
    - play

    er soll halt nur so aussehen wie ich ihn gerne haben will ^^
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Naja, dass du das Aussehen komplett wählen kannst geht kaum, dann müsstest du den meines Erarchtens selber in Flash machen.

    Hab hier mal 2 Links die vielleicht weiterhelfen:

    millus.kulando.de/post/2008/06/19/free-mp3-player-f-r-die-website-liste

    externer Link

    //edit: am ehesten wahrscheindlich der: externer Link


    Zuletzt modifiziert von MaddinXx am 23.02.2010 - 21:40:09
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Venece gelöschter User
    hab glaub ich was ganz praktisches zum selber machen gefunden ^^
    werd mich da ma dran setzen ... Ein Portfolio sollte schlislich so perfekt wie nur irgendwie möglich sein lächeln

    Hier die Links für die dies interessiert:
    gotoandlearn.com/play?id=37 part 1
    gotoandlearn.com/play?id=38 part 2
    gotoandlearn.com/play?id=39 part 3

    trotzdem danke lächeln
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Venece gelöschter User
    ich trottel dachte echt ich hätt ne Lösung gefunden ... aber nachdem ich das erste Tutorial nun 3 mal durchgearbeitet habe und es nicht einmal funktioniert hat, hab ich aufgegeben.

    bitte helft mir ^^

    habe eine songs.xml
    <?xml version="1.0" encoding="utf-8"?>
    <songs>
    	<song url="song_1.mp3" />
    </songs>


    dann eine mp3player.as
    // Setup sound object
    var s:Sound = new Sound();
    s.onSoundComplete = playSong;
    s.setVolume(75);
    
    // Array of songs
    var sa:Array = new Array();
    
    // Currently playing song
    var cps:Number = -1;
    
    // Load the songs XML
    var xml:XML = new XML();
    xml.ignoreWhite = true;
    xml.onLoad = function()
    {
    	var nodes:Array = this.firstChild.childNodes;
    	for(var i=0;i<nodes.length;i++)
    	{
    		sa.push(nodes[i].attributes.url)
    	}
    	playSong();
    }
    
    xml.load("songs.xml");
    
    // Play the MP3 File
    function playSong():Void 
    {
    	if(cps==sa.length-1)
    	{
    		cps=0;
    		s.loadSound(sa[cps], true);
    	}
    	else
    	{
    		s.loadSound(sa[++cps], true);
    	}
    }


    und zu guter letzt ein mp3player.fla
    #include "mp3player.as"


    alle im selben ordner und auch das eine Lied ist in diesem ordner
    wenn ich nun jedoch versuche das ganze zu starten (Debug) bekomme ich einen 1093 Syntax Error.
    Kann mir i.jemand weiterhelfen ?

    BITTE

    btw: sry 4 doppelpost
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Habs auch nachgebau, gleicher Fehler
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Venece gelöschter User
    okay ... also ich hab folgendes gefunden:
    blog.six4rty.ch/tutorials/flash-create-a-full-streaming-flash-mp3-player-using-xml-pt-1/
    das is das gleiche in kurz und ohne mp3player.as ... funktioniert aber lächeln

    nachteil:
    1. Im IE8 verdammt schlechte Qualität der Musik (Mozilla super)
    2. Wenn ich es in das Design einfüge und versuche es mir anzuhören steht beim tracknamen nur "loading..." ... und man hört auch nix ... (wenn ich nur die .swf öffne funktioniert es, wie gesagt) ... kann das an der größe des liedes liegen ?
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Plauder Ecke

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten