Image aus binary data

Einleitung

Neulich habe ich in der Audio Station der Synology gesehen das Coverdaten einer MP3 Datei aus den id3v2 Metadaten der MP3 Datei ausgelesen werden können. Die Audio Station verwendet dafür eine eigene CGI Datei welche das Bild darstellt.

Im TYPO3 habe ich vor kurzem die Extension t3getid3 benötigt, welche die Metadaten nahezu jeder Datei auslesen kann. Kurz getestet wurde das Coverbild auch in den Metadaten einer MP3 Datei gefunden, jedoch in Binären (binary data) Form. Somit stelle sich die nächste Frage, wie stellt man diese Binären Daten am schnellsten als Bild dar? Man könnte einen Extension Aufruf per eID machen und so das Bild darstellen. Auf der Suche nach einer Lösung fand ich wieder mal was Interessantes!

Oops, an error occurred! Code: 20200329193909a3a7eb01

Lösung im Netz

Die Lösung und somit auch die interessante Information fand ich wiedermal im Netz. Konkret war es diesmal der Wikipedia Eintrag über Data URI scheme. Welcher ich auf einer Seite von stackoverflow.com fand, bei welcher dasselbe Problem ebenfalls behandelt wurde.

Oops, an error occurred! Code: 20200329193909afa19df9
image
embedded folder icon
css backround image
 
list-style-image
  • Zeile 1
  • Zeile 2
  • Zeile 3

Fazit

Im Zusammenhang mit HTML5 und Cache Manifest ist dies ein spannender Ansatz, so muss man nicht jedes Bild referenzieren. Wenn dies auch die Mail Clients könnten ( muss ich noch testen ), müsste man nicht immer das Anzeigen der Bilder erlauben und kann Bilder gleich im HTML Code mitliefern.

Jedenfalls muss man für das Anzeigen der MP3 Coverdaten nicht zwingend eine eID Lösung erstellen.

Viel Spass beim selber testen.