@poductivity/poductivity-embed-player v0.1.0

Poductivity Embed Player

A web component based podcast player with Poductivity enhancement. Only works for podcasts registered with Poductivity.

Usage

Include the script on the page:

<script type="module" src="https://cdn.jsdelivr.net/npm/@poductivity/poductivity-embed-player@latest/dist/poductivity-embed-player.js"></script>

Then use the web component where you want the player to appear:

<poductivity-player episode-id="XXX"></poductivity-player>

or, instead of the Poductivity Episode ID, you can provide the feed details:

<poductivity-player feed-url="XXX" episode-guid="XXX"></poductivity-player>

Styling

Accent colour

Set an accent colour for one player instance:

<poductivity-player episode-id="XXX" accent-color="#ff0000"></poductivity-player>

Set an accent colour for all players on a page by adding a custom property/variable to your CSS:

:root {
    --poductivity-accent: #ff0000;
}