Voxley - Podcast & Audio Show HTML Template
1 of 10
Loading screenshot

A podcast and audio show HTML template for interview shows, business podcasts and audio creators. It is built with HTML5, Bootstrap 5 and plain JavaScript, and every play button plays real audio: a working player with a waveform drawn from the sound itself, skip buttons, playback speed and chapters that jump to the moment.

Voxley opens straight from the folder with no build step. The host's photo is extended into a warm, full-colour hero with the latest episode player across its foot, guests have "Hear the moment" buttons that play the line they are quoted for, and a searchable archive lists every episode with its own play button. Only one player sounds at a time.

Key Features

  • HTML5 + Bootstrap 5: semantic markup with Bootstrap utility classes for layout
  • 4 Pages: the show's home page plus an episode archive, a single episode page and a 404 page
  • 12 Home Sections: header, hero, listen on, latest episodes, newsletter, about, hosts, guests, sponsors, reviews, be a guest and footer
  • Working Audio Player: play, pause, -15 s, +15 s and speed, on plain HTML5 audio
  • Real Waveforms: bars measured from the audio, with click, drag and keyboard seeking
  • Chapters: timecoded chapters that seek, play and highlight the current one
  • Hear the Moment: guest quotes that play from the second they were said
  • One Player at a Time: starting any player pauses the others
  • Episode Archive: search by title, guest or business and filter by season, with an empty state
  • Single Episode Page: show notes, links mentioned, a transcript excerpt, a guest card and a sponsor slot
  • Sponsor Rate Card: downloads, ad format and price for sponsors
  • Two Forms: newsletter sign-up and a be-a-guest application, inline validation
  • Copy Feed Link: one button copies the RSS address
  • CSS Design Tokens: colors, type scale, spacing and radius set once
  • Local Fonts: Unbounded and Onest, no CDN requests
  • Works Offline: opens from the file system, no build tools or server
  • W3C Valid HTML: every page checked with the Nu HTML Checker
  • No jQuery: plain, unminified JavaScript
  • Documentation Included: installation, structure, colors, images, the player, waveforms, search and forms

Ideal For

  • Interview and business podcasts
  • Audio shows and radio programs
  • Podcast networks and studios
  • Creators and hosts with a weekly show
  • Video podcasts with an audio feed

Pages Included

Home (12 sections) Episodes (archive)
Single Episode 404 Page

Credits

  • Framework: Bootstrap 5 (https://getbootstrap.com)
  • Fonts: Unbounded and Onest, OFL licensed, served locally
  • Demo audio: "Calm background Music" by Bertsz, Freesound 671900, CC0, included
  • Icons and graphics: inline SVG and CSS
  • Photographs: placeholder images only. Photos are not included in the download.

Images Notice

The photos of the hosts, guests and studio shown in the live preview and screenshots are preview content only and are not included in the download. The package ships placeholder images in their place, each with the same filename and size, so you can drop your own photos in with no code changes.

Requirements and Limitations

  • A static HTML template, not a WordPress product and not a podcast host. Point the players at your episode files on your podcast host. Basic knowledge of HTML and CSS is enough to customize it.
  • The forms validate in the browser but do not send anything. Connect them to your own form handler or newsletter service before going live.