Mighty Studio template

Timed slides with audio

By Tim

A narrated slide player that syncs a sequence of images and typewriter-style captions to an audio track — ideal for walkthroughs, process explainers, or any story that benefits from a voice guiding learners through visuals one beat at a time. Everything is editable from the block's settings panel: title and subtitle, the narration audio file, and an ordered list of scenes — each with its own image, alt text, caption, and timing. A configurable hold time on the completion screen accounts for however long the final scene needs to breathe after the narration ends. It is accessible: images support author-written alt text, captions are announced to screen readers as each scene begins (rather than character-by-character), the progress bar exposes its state to assistive tech, all motion respects the learner's reduced-motion preference, and text inherits the surrounding lesson's fonts rather than imposing its own. The appearance can be modified through settings, or custom controlled using CSS variables. The default set are listed below: --bg: transparent; --stage-bg: #EAF0EE; --panel: #FFFFFF; --ink: #16302B; --ink-soft: #52685F; --teal: #0B4F4A; --teal-deep: #072F2C; --coral: #E2603A; --coral-soft: #F6C9B4; --line: #D6E0DC; --on-accent: #FFFFFF; --radius-lg: 22px; --radius-sm: 12px; --shadow: 0 20px 40px -20px rgba(7, 47, 44, 0.35);