Setting up the Web Player

Hello!

I’m trying to set up the web player, as described here:

My HTML is as simple as it could be:


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

<body>

<div id="podlove_player" style="width: 100%, height: 100%">
</div>

<script>
  podlovePlayer('#podlove_player', '/episoden/zukunft-gestalten', '/assets/config.json');
</script>


</body>

</html>

… but nothing loads.

The config.json file here

Doesn’t seem to have an opening curly brace. That might be a mistake?

However, also adding that brace doesn’t solve it.

version: 5

is not proper JSON, is it?

When I go and convert everything a la

"version": "5"

still I end up with a white page.

image

Any ideas are appreciated! Thank you!

I made a minimal online version of my problem:

https://www.aicracy.net/podcast.php
https://www.aicracy.net/podcast.xml
https://www.aicracy.net/config.json

Thank you for looking into this!

ReferenceError: podlovePlayer is not defined

You might need to wait for the site to be done loading before calling it. Because when I call it manually via the console, it’s available.

podlovePlayer(‘#podlove_player’, ‘podcast.xml’, ‘config.json’);

I don’t think you can pass an xml here. You can start with the example json object from here: Configuration | Podlove Documentation

Thank you!

The config.json from the

website isn’t valid JSON, apparently – also adding an opening curly brace in the very beginning (which is missing) doesn’t fix it?

Thanks! :slight_smile:
Fabian

Yes since JSON doesn’t allows comments.

Thank you, I made some progress by now based on your comments!

However, the configuration (in which I defined yellow as the brand color) doesn’t seem to load properly:

https://www.aicracy.net/podcast/episoden/001-told-yuliya-sobol-alltag-mit-demenz

This is my current episode – but the config JSON doesn’t get loaded somehow?

Config JSON:
https://www.aicracy.net/podcast/episoden/001-told-yuliya-sobol-alltag-mit-demenz?config=1

This is my episode JSON which loads nicely:
https://www.aicracy.net/podcast/episoden/001-told-yuliya-sobol-alltag-mit-demenz?json=1

Thank you!
Fabian