Skip to main content

Usage

/*
* Podlove Player Factory
* @param {string, dom node} selector - CSS selector or dom node
* @param {string, object} episode - Path to JSON episode or episode object
* @param {string, object} configuration - Path to JSON config or configuration object
* @returns {Promise} store - Promise returning a redux store
*/
window
.podlovePlayer("#app", "episode.json", "config.json")
.then(store => {
store.subscribe(() => {
console.log(store.getState());
});
});

Signature#

  • Selector can be a css selector or a dom node reference
  • An iframe as the canvas is injected into the reference, encapsulating the player
  • Configuration can be provided as a meta object or an url to the configuration json file
  • Canvas width can be defined by the template
  • Canvas height is adapted to players height

Using a selector that matches multiple elements the player will be rendered in the first matching element. The podlovePlayer returns a promise with a redux store as a result that can be used to change the player state from outside.