In Active Development
The Octopod components are currently in active development, no stable versions have been released yet. For more information about what's going on behind the scenes, read our blog, The Dude Named Ben Blog.
We are looking for contributions to keep development of the Octopod components going. If one of our components has been valuable to your business or project, consider sending us a donation. Thank you.
If you're a developer, check us out on GitHub.
Player Features
The Octopod Player is an embeddable podcast player in the form of a web component based on the latest standards. Integrating the player into existing websites couldn't be easier!
Dependency-Free
Small library with no third-party dependencies
Media API
Exposes API methods that are compatible with existing HTML5 Media containers
Customizable Styling
Customizable styling with CSS4 variables
Podcasting 2.0
Integrates with the latest Podcasting 2.0 features
Chapters
Displays chapter information while the podcast is playing
Adjustable Playback Speed
Lets users select their preferred playback speed
Embed On Your Website
To embed the Octopod Player on your website, you'll need to include the library in your HTML. The player is available for free at our CDN.
<script src="https://cdn.octopod.dev/player/0.3.0/octopod-player.js"></script>
Wherever you want to embed the Octopod Player, simply use the octopod-player
tag:
<octopod-player
src="my-podcast-file.mp3"
></octopod-player>
That's all! In fact, if you've used the <audio>
or <video>
elements
before, you already know how to manipulate the player! But if you're new to media playback on the web, read more
about it in our documentation.