CustomisingΒΆ
Edit the template files. I do plan on doing template tags in the future for a better experience but this is just how it is for now.
All that you absolutely need is to load the wagtail_podcast/css/mediaelementplayer.css
at the top of the page. You will need to load wagtail_podcast/js/jquery.min.js
before wagtail_podcast/js/mediaelement-and-player.min.js
static files in the wagtail_podcast/podcast_page.html
template.
To actually render the media-player add the following:
<audio class="mejs__player">
<source src="{{ page.recording.file.url }}" type="audio/mpeg">
Your browser cannot play this type of file.
</audio>
There is plenty of customisation available of both how the player looks and functions, see: Media Element Player JS docs
Do note that you can do a decent bit of customisation with the style
html attribute.