Die IndexedDB API ist eine Schnittstelle um auf eine Key-Value-Datenbank zuzugreifen. Anders als die Web Storage API werden hier als Werte aber Javascriptobjekte (und nicht Strings) gespeichert. Es ermöglicht damit die clientseitige Speicherung von Daten im Browser.

Ich will die API benutzen um MP3-Dateien für meinen Podcatcher zu speichern.

Um Web-Apps offline zu kriegen müssen die HTML-, CSS- und Javascriptdateien irgendwie auf dem Computer des Benutzers gespeichert werden. Der Browsercache ist dafür nicht zuverlässig genug. Daher gibt es eine Spezifikation für einen neuen Cache – den Application Cache.

Speichern von Binärdateien im und mit dem Browser ist mal eine andere Anforderung. So anders das die File System API des W3C bislang nur von Googles Chromium unterstützt wird. Ich verwende sie um Audio-Dateien aus dem Internet auch offline vorhalten und abspielen zu können.

Da mein HTML5 Podcatcher ja offline funktionieren soll muss ich eine Möglichkeit finden die Konfiguration und den aktuellen Status im Browser zu speichern. Am Beispiel der Feed-Liste zeige ich hier wie das mittels Web Storage möglich ist.

Um die neuesten Episoden aller gewünschten Podcasts zu erhalten muss man die entsprechenden Feeds auswerten. Dazu muss man also die gängigen Formate laden und parsen.

Kann man eine Liste von Links benutzen um ein Audio-Tag zu steuern? Dieser Frage soll der vorliegende Artikel auf den Grund gehen. Immerhin ist diese Funktion essentiell wichtig um meinen HMTL5 Podcatcher zu programmieren.

Seit dem HTML 5 an Verbreitung gewonnen hat ist es auch möglich Audio- und Videoinhalte einfach im Browser zu präsentieren.