ID3-Tags aus Musikdateien auslesen - Teil 1 (ID3v1, Javascript)

Schon seit langer Zeit bietet sich die Möglichkeit an, seine Musik mit bestimmten Tags zu versehen. Mittlerweile gibt es für fast jede Platform und Programmiersprache entsprechende Bibliotheken, um einfach und schnell ID3 Tags auszulesen. Wie genau die Tags aus der Datei ausgelesen werden können, möchte ich in dieser Tutorialreihe aufzeigen. ID3v1 und ID3v2 Bevor wir beginnen, muss ein kleines Verständnis für die verschiedenen Versionen der ID3-Tags aufgebaut werden. Die erste Version ist ID3v1 und sein Nachfolger ID3v1.1. Diese Version wird in den letzten 128 Bytes der Datei abgespeichert und hat somit eine festgelegte Größe. IDv2 und seine 3 Nachfolger...

Musik Streaming - wir schreiben das Jahr 2015

Seit einigen Jahren ist das Musik Streaming Angebot felsenfest im Markt integriert. Bei den meisten Anbietern bekommt man für 10€ im Monat die komplette musik Auswahl online sowie offline. Auch ein Konkurrenzkampf besteht, denn die verschiedenen Anbieter versuchen alle mit verschiedenen Angeboten und Features hervorzustechen. Obwohl man denken könnte, nach über 5 Jahren Entwicklung gäbe es zumindest einen perfekten Anbieter, kann man sich hierbei ziemlich schnell täuschen. Ich beginne im Jahre 2012, als Spotify in Deutschland eröffnet hatte. Damals war die Form des Musik Streamings noch ziemlich neu, doch sie fand sehr schnell Zuspruch. Die Auswahl war noch ziemlich klein...

CSS3: Viewport größen (VH, VW, VMIN, VMAX)

Durch CSS3 stehen Entwicklern neue und nützliche Größeneinheiten zur Verfügung. Unter anderem gibt es die Einheiten VH und VW, welche die Viewport-Größen angeben. Was dies genau bedeutet, möchte ich hier behandeln Wollte man mit CSS2.1 einen Bereich so hoch oder so breit wie die Fenstergröße machen, musste man in einigen Fällen zu JavaScript oder komplizierten Prozentangaben greifen. Mit CSS3 entfällt dieser Aufwand endlich. Mit den folgenden Einheiten kann man einfach und schnell die Größe des Viewports verwenden. Einheit Bedeutung / Erklärung vh Viewport height. Steht für die höhe des Fensters. Z.B. 70vh = 70% des Fensters. vw Viewport width. Steht...

HowTo: Git - Eine Anleitung für Beginner

Git ist eine Software für die Versionsverwaltung von Dateien, in beispielsweise Projekten, welche heute nicht mehr wegzudenken ist. Dieser Artikel soll eine schnelle und kurze Anleitung für Einsteiger darstellen. Am ende des Artikels finden sich Links für Fortgeschrittenes. Installation Um Git benutzen zu können, benötigt ihr die Software installiert auf eurem Computer. Git für Windows Git für Mac OS X Git für Linux Nach der Installation muss nun die Git Konsole gestartet werden (Git Bash). Repository erstellen Für ein neues Repository, gehe zuerst mit der GitHub Konsole zu dem Ort, an dem es gespeichert werden soll. Verzeichnis wechseln: cd <...

HowTo: CSS3 - Animationen mit transition

Seit dem es CSS3 gibt, ist es ziemlich einfach geworden Animationen oder Transformationen ohne JavaScript oder gar Flash zu erstellen. In diesem Artikel behandeln wir zunächst die Eigenschaft "transition", mit der wir verschiedene animierte Veränderungen erstellen können. Die CSS Eigenschaft transition ist ein Effekt, mit dem man das Aussehen eines Elements über eine gewisse Zeit verändern kann. Will man beispielsweise das ein Link, wenn man mit der Maus über ihn fährt, seine Farbe nicht sofort, sondern langsamer (animiert) verändert, benutzt man dafür transition. Um die Eigenschaft zu benutzten ist es wichtig das man zumindest folgende zwei Dinge dazu angibt: Was...