https://adurr.gitlab.io/tags/web-component/ Recent content in Web-Component on Adur Hugo en <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" rel="noopener">CC BY-NC 4.0</a> Mon, 01 Jun 2026 00:00:00 +0000 https://adurr.gitlab.io/projects/wavecast/ Mon, 01 Jun 2026 00:00:00 +0000 https://adurr.gitlab.io/projects/wavecast/ <p><strong>&ldquo;A Podcast Player That Survives Page Navigation&rdquo;</strong></p> <p>Hugo is static. When you click a link, the page reloads. Every audio player resets. Podcast listeners lose their position. I wanted a player that keeps playing across every page transition, persists playback state, and works with radio streams and podcast platforms without requiring a JavaScript framework.</p> <h2 id="how-it-works">How it works</h2> <p>Wavecast provides two custom Web Components: <code>podcast-player</code> for inline use and <code>podcast-footer</code> for a sticky bottom bar. Both are bidirectionally synced. Pausing any player pauses all audio. Only one source plays at a time. Position, volume, mute, and playback speed are saved to <code>sessionStorage</code> and restored across page navigations.</p>