Skip to content

sebastiansIT/HTML5Podcatcher

Repository files navigation

HTML5 Podcatcher

A podcast player based on web technology.

This is a experimental implementation of an podcast player. Primary targets are playback of audio files, loading and parsing podcast feeds and save audio files from the internet. Secondary targets are a completely client side/browser side implementation and offline availability of the app, the data and the audio files.

I use different APIs and technologies, specified in the HTML5 universe, to reach this target:

  1. Offline Availability: AppCache
  2. Access to Feeds and Files: AJAX
  3. Storage for app data: Local Storage or Indexed Database API
  4. Storage for audio files: Indexed Database API or File System API
  5. Playback: Media API

Status and Features

At the moment the app can …

  • Parse RSS feeds (version 2)
  • Identify Audio-Files in this feeds
  • Manage subscription of feeds
  • Download and save files (in Firefox and Chrome/Opera)
  • Play/Pause podcast episodes
  • Manage a playlist
  • Persist playback status (timecode) of podcast episodes
  • hold code and markup in app cache for offline availability

Problems

Firefox Marketplace

Installing the app from marketplace have some restrictions:

  1. There is no copy&paste. So, you need to enter all URLs manualy and can't copy them from your browser.
  2. The app, launched on Andrid, can not open external links in browser. Instead it do nothing.

SOP

The same origin policy restricts the access to internet resources. So I need a solution to solve this Problem. To solve this I transfered the app to a Firefox "Open Web App". This is available for install on the Firefox Marketplace

Design

I'm not a Designer! Contact me if you would help.

For the current design I have to thank Mozilla and there Building Blocks.

Build

I use Grunt to build the app in different versions: A web app to host on your own web server and a packaged app for Firefox OS/Firefox Marketplace. More will come later.

Installation and usaged

  1. Install it on FirefoxOS, Android, Linux, Windows and OS X from Firefox Marketplace (prefered).
  2. You can test the web version at http://podcatcher.sebastiansit.de/playlist.html. In addition you need a http proxy to avoid SOP-Errors.

Screenshots

Playlist

Playlist

Feed Management

Feed Management

Feed Details

Feed Details

Settings

Settings

About

A clientsite and offline HTML 5 Podcast Player

Resources

Stars

Watchers

Forks

Packages

No packages published