Installation

Podlove Webplayer can be integrated in different ways. We provide the always latest version via CDN or all versions as an npm package.

CDN

The easiest way to integrate the player is to simply integrate this script in your page:

For https context:

<script src="https://cdn.podlove.org/web-player/4.x/embed.js"></script>

For http context:

<script src="http://cdn.podlove.org/web-player/4.x/embed.js"></script>

Afterwards podlovePlayer should be available on the window object:

<script>
  podlovePlayer('#example', '/path/to/podcast/definition/or/object');
</script>

Please be aware to not set reference.base because this will break the binding to the cdn.

NPM

If you want to serve a special player version you can find the player as the npm package @podlove/podlove-web-player.

To integrate the player you first have to install tha package:

npm install @podlove/podlove-web-player --save

Afterwards move the player assets to a public folder of some webserver. By default the player will try to load further chunks from the webserver base. If the player files are located in a subpath you have to adapt the reference.base accordingly (see [config]({{ $withBase('config.html') }})