Podcast-Websites

A one-page site for a podcast. On-air intro, then the recording booth lights up as the visitor scrolls and a playhead moves through the latest episode with chapters and timecodes. Episodes with play buttons, platforms, host, guests, subscribe.

Description: This is a podcast site that sounds like one before you press play. The intro is an on-air light and a level meter. Then the booth: dark, lit only by the monitor, until the visitor scrolls and the bulb comes on. Keep scrolling and a playhead moves through your latest episode, chapter by chapter, timecode running, over a waveform.

Add your audio URLs and every play button plays for real, in the page. Leave them empty and the buttons show where the audio will be. Episodes list with guests, places and durations, platform pills for Spotify, Apple and the rest, the host with a portrait, a guests row, and a subscribe form.

• Two photographs make the hero: monitor-lit and bulb-lit; the scroll fades between them
• Chapters and timecodes in content.js; waveform drawn on a canvas
• Real audio playback from any URL (mp3, m4a, a hosting link)
• Episodes, platforms, host, guests, subscribe
• Amber and oak palette, mono timecodes, Google Fonts

Tags: podcast website, podcast template, audio player, episodes, one page template, html template, scroll animation, creator