ActionScript 3: MP3-Dateien abspielen und ID3-Tags auslesen

Hier zwei Beispiele über die ersten Schritte mit der Sound-Klasse in AS3. Dazu gehören das Abspielen und das Auslesen von Künstler, Songname, Album und Cover.

Cover laden aus ID3 Tags mit Actionscript 3

Mit der Sound-Klasse lädt und startet man MP3-Dateien in ActionScript 3. Ein wichtiges Event, dass ausgelöst wird, wenn die MP3-Datei geladen wurde, heißt Event.COMPLETE. Im Beispiel wird daraufhin die Funktion showDuration gestartet. Die Funktion liest die Eigenschaft length (=Länge des Songs) des Sound-Objekts aus, die einen Wert in Millisekunden enthält. Dieser wird mittels eines Date-Objekts (vgl. „AS3 Date-Klasse …“) in die Form Minuten/Sekunden gewandelt.

Ein anderes Event mit dem Namen Event.ID3 gibt Auskunft über die in der Datei enthaltenen Metadaten (z.B. Songname, Künstler, Album, etc.), die so genannten ID3-Tags. Diese enthalten eine Vielzahl an Information, sind jedoch in unterschiedlicher Anzahl vorhanden. Nicht jedes Programm injiziert die gleichen Daten. Eine Übersicht der unterstützten ID3-Tags in Flash und deren Namen gibt es in der Dokumentation (Link siehe unten).

Hier der Beispielcode in AS3, der eine Datei mit dem Namen steely.mp3 abspielt:

[as]
// Sound laden
var mySound:Sound = new Sound(new URLRequest(„steely.mp3“));

// Sound starten
mySound.play();

// :::::: wenn das MP3 soweit geladen ist :::::

mySound.addEventListener (Event.COMPLETE, showDuration);
function showDuration(evt:Event) {
// die Länge in Millisekunden
var mySoundDuration:Date = new Date (2007, 0, 1, 0, 0, 0, mySound.length);
trace („Länge: “ + mySoundDuration.getMinutes() + „:“ + mySoundDuration.getSeconds());
}

// ::::: ID3-Tags auslesen :::::
mySound.addEventListener (Event.ID3, showID3);

function showID3(evt:Event) {
var myID3:ID3Info = evt.target.id3;
trace („Künstler: “ + myID3.artist +“\nSong: “ + myID3.songName + „\nAlbum: „+ myID3.album);
}
[/as]

Das Ausgabefenster zeigt bei meinem Beispielsong folgendes an:

Output Actionscript 3 MP3

Leider gehört das Covers (Artworks) nicht dazu. Hierzu gibt es aber eine Flex Komponente von Ben Stucki, die den Bytestrom eines MP3s ausliest. Das Cover kann man dann mit einem Loader anzeigen (vgl. auch Beitrag „JPGs aus einem Video erstellen“)

Da Flex bekanntlich ebenfalls ActionScript 3 verwendet, lassen sich die Klassen von Stucki problemlos mit Flash 9 (Alpha) verwenden. Ein Screenshot des Ergebnisses sieht man zu Beginn des Beitrags.

Die Vorgehensweise sieht so aus: Man kopiert einfach den Ordner com aus dem Download von Stucki in das Verzeichnis der eigenen Flashdatei. Man erstellt eine neue Datei mit drei Textfeldern auf der Bühne, deren Instanznamen songArtist, songTitle und songAlbum lauten sollten. Die ursprüngliche Funktionen der Flex-Datei (.mxml) sehen in Flash leicht abgewandelt dann folgendermaßen aus:

[as]
import com.fusiox.media.ID3Stream;

function loadID3( file:String ):void {
var stream:ID3Stream = new ID3Stream( new URLRequest(file) );
stream.addEventListener( ProgressEvent.PROGRESS, onID3Progress );
stream.addEventListener( Event.ID3, onID3Loaded );
}

function onID3Progress( e:ProgressEvent ):void {
if (e.target.length > 0 && e.bytesLoaded < e.target.length) { trace ("ID3Stream Explorer [Loading " + Math.round(e.bytesLoaded/e.target.length*100) + "%]"); } } function onID3Loaded( e:Event ):void { trace ("ID3Stream Explorer"); if (e.target.reader.img.length>0) {
songArt.loadBytes(e.target.reader.img);
addChild (songArt);
}
songTitle.text = „Song Title: “ + e.target.reader.frames[„TIT2“].text;
songArtist.text = „Song Artist: “ + e.target.reader.frames[„TPE1“].text;
songAlbum.text = „Song Album: “ + e.target.reader.frames[„TALB“].text;
}

var songArt:Loader = new Loader();

loadID3 („steely.mp3“);

[/as]

Mit manchen MP3s funktioniert es bei mir nicht. Hängt vermutlich damit zusammen, welche Software die ID3-Tags eingefügt hat. Probleme machten bei mir einige iTunes-MP3s.

Link: Sound-Klasse
Link: ID3-Klasse (ActionScript Docs)
Link: Free ID3Stream and ID3Reader Components for Flex 2 (Ben Stucki)

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert