`<podcast-player>`

I have strong opinions on what makes for a Good Podcast Player™️, so I built a Web Component to add all the features I want around a native <audio> element.

html

<podcast-player>
	<audio src="path/to/my.mp3" controls></audio>
</podcast-player>

<script type="module" src="path/to/podcast-player.js"></script>

<podcast-player>
	<audio src="path/to/my.mp3" controls></audio>
</podcast-player>

<script type="module" src="path/to/podcast-player.js"></script>

What's happening behind the scenes

A web inspector view of the Shadow Root tree

<podcast-player> ​

What's happening behind the scenes ​

Demo ​

`<podcast-player>`

What's happening behind the scenes

Demo