Embeddable podcasts made easy

The Octopod HTML Player is optimized for podcast playback and can be embedded anywhere on the web!

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.

Loading…
Loading the web debug toolbar…
Attempt #