Ausgangslage
In einem anderen Artikel wurde gezeigt wie man das TYPO3 Medien Element auf HTML5 Audio ?dern kann. Als Erg?zung werden nun der Audio Datei mittels JavaScript die ID3 Daten ausgelesen und angezeigt.
JavaScript Libs
Damit die ID3 Daten ausgelesen werden k?nnen, ben?tigt man binaryajax.js und id3.js. Beide Dateien findet man im src Ordner des JavaScript-ID3-Reader Projekts.
In diesem Beispiel werden jedoch die Dateien aus der ZIP Datei vom Blog Beitrag verwendet. Weil einige Browser den <audio> Tag nicht verstehen wird ebenfalls der AudioJs Player eingesetzt.
JavaScript zum auslesen der ID3 Daten
Mit jQuery werden zuerst alle <audio> Tags der Seite eingelesen. Danach wird der ID3 Lib der Pfad der Datei ?bergeben und unterhalb dem <audio> Tag ein DIV Element erstellt, in welchem die ID3 Daten angezeigt werden.
ERROR: Content Element with uid "384" and type "media" has no rendering definition!