Podlove Player

Synopsis

The Podlove Player module provides a ease and powerful way to use the Podlove Web Player in local storaged audio files. Ideal to Podcasts.

Podlove Web Player is a HTML5 based audio/video player, focused on podcasts and similar media blogs. It supports chapters, deeplinks, captions, social media buttons and more, fully optimized and extended for the specific needs of podcasters.

Features from Podlove:

• HTML5 based player with flash fallback.
• Rich player with meta information (Title, Subtitle, Summary, Cover Image and Link).
• Social sharing buttons.
• Save playtime position and can be resumed if cookies are enabled.
• Small and Big player styles.

Features from Drupal Podlove Player Module:

• Configuration by instance, allowing diferent settings in diferent fields, even in same content type.
• Metadata - Title, Subtitle, Summary, Cover Image and Link - can be customized with Tokens, allowing full integration with your content type fields.
• Start volume customizable by Field.
• Support to private files.
• Full support to Media Project and "Rendered File" provided by File Entity Module. (Media Project has a issue with private files)
• Support multiple instances on same page.

Requirements

• JQuery Update
• Libraries API
• Token

Dependencies

• This module requires the Podlove Web Player library.

Recommended modules

• Fielder - When enabled, you can insert the player inside body, even without any wysiwyg editor.
• Media 2.x - With Media and File Entity (required by Media) you can manage your media (audio and images in our case) with visual interface and reusability.

Similar projects and how they are different

There are many players avaliable at Drupal Modules, as Media, Audio Field, jPlayer, Media Front, HTML5 Media and many others. But, just to say the minimal, the Podlove Web Player is too better looking from any other.

Installation

1. Install as you would normally install a contributed Drupal module.
2. Download the Podlove Web Player WP Plugin Version (recommended) OR Podlove Standalone Version and extract its contents in your libraries directory (usualy /sites/all/libraries). The path to JS main file must be: libraries/podlove-web-player/static/podlove-web-player.js
3. Done. To check, you can go to Status Report page (admin/reports/status) and look for Podlove Player Library.

At this point, you can go in Manage Display of any Content Type and select <Podlove - Player> as Format of any File Field. Of course, the Podlove Player only will show audio files. Everything else will be ignored.

Use example

1. Create a new Content Type with fields:
   • Title - default
   • Body - default
   • Image - normal image file
   • Podcast - Type: File - Widget: File - don't forget to set in "Allowed file extensions": mp3
2. In Manage Display, choose <Podlove - Player> to Podcast field.
3. Choose Field Display Settings (engine button on right side) and set:
   • Summary on Podlove Player: [node:summary]
   • Cover image by token parameters: [node:field_image]
4. Add a new node from your Content Type, with a image, body text and audio (mp3) file.

With this settings, the Podlove Player will show:

• Your site name as title
• Your node URL will be the link on title
• Your node title as subtitle
• Your node image as cover image
• Your body text as summary (to see, click on summary button)

Tip: To use the small display player, left all text fields blank, with no image, no link, no Social Media Shares, and no Time Control buttons.

Restrictions

• For now, this module support only MP3 audio files. Don't forget to restrict the file upload extensions.
• "Chapters" and "Download" features of Podlove are disabled by design. Maybe in the future...