Podlove Web Player
HTML5 Goodness for Podcasting
The Podlove Web Player supports almost every modern browser and also does captions, chapters and much more. Thanks to MediaElement.js for providing the foundation.
The release version should have the application, the moderator their dependencies and necessary styles and fonts
ready in the
Along with them there is a running example that shows you how to integrate the player in any webpage.
Either directly as in
embed.html or as an iframe/ embedded player as in
Clone the repository and install all dependencies with
bower install npm install npm install -g gulp
Set up CSS pre-processing
Update ruby environment
$ gem update --system
gem install sass
sudo gem install sass
Then check your version (should be 3.3.x)
Compass runs on any computer that has ruby installed.
Then install compass
gem install compass
Your version should be
Install SASS CSS Importer
Next you need to install the SASS CSS Importer ruby gem.
gem install --pre sass-css-importer
Install autoprefixer to parse CSS and add vendor prefixes to rules fetched from 'Can I Use' https://github.com/ai/autoprefixer
sudo npm install --global autoprefixer
Build the CSS file
There is a gulp task for that, processing a version with line comments as well as a minified one
Build Distribution Package
Make is now replaced by gulp
Just run the default task to build the distribution package to
npm install -g uglifyify minifyify
smallest possible code (>50kB)
browserify -g uglifyify js/app.js > static/podlove-web-player.js
with sourcemaps (~250kB)
browserify -d js/app.js | minifyify > static/podlove-web-player.js
Build, serve and watch the local repository version. With livereload on top
No automated tests, yet. Sorry.
gulp serve you can serve the repository root directory statically for manual local frontend
You can then access the examples with your browser via
Important! The Wordpress-plugin that includes the Podlove-Webplayer alone will be moved to its own repo.
Create your feature branch
git checkout -b my-new-feature
Commit your changes
git commit -am 'Added some feature'
Push to the branch
git push origin my-new-feature
Create new Pull Request