mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-14 18:01:20 +08:00
ukimsanov
65 lines
2.5 KiB
Plaintext
65 lines
2.5 KiB
Plaintext
---
|
||
title: "Create an interactive presentation"
|
||
sidebarTitle: "Create an interactive presentation"
|
||
description: "Build a navigable deck with reveals, notes, optional branches, hotspots, and presenter mode."
|
||
---
|
||
|
||
import { DeckKindChooser } from "/snippets/deck-kind-chooser.jsx"
|
||
|
||
A HyperFrames slideshow stays interactive. The result is a live, navigable deck—not a linear MP4.
|
||
|
||
<Frame caption="A real deck: points reveal, slides advance, a hotspot opens optional detail, then the presenter returns to the main story.">
|
||
<video
|
||
className="aspect-video w-full object-cover bg-zinc-100 dark:bg-zinc-900"
|
||
src="/images/showcase/wfv2-slideshow.mp4"
|
||
poster="/images/showcase/wfv2-slideshow.jpg"
|
||
autoPlay
|
||
muted
|
||
loop
|
||
playsInline
|
||
preload="metadata"
|
||
/>
|
||
</Frame>
|
||
|
||
If the result should play from beginning to end without a presenter, use a normal [video workflow](/workflows). A slideshow cannot currently be exported as one complete linear MP4; per-slide snapshots are supported.
|
||
|
||
## What control does the presenter need?
|
||
|
||
<DeckKindChooser />
|
||
|
||
Attach the source notes, document, page, or existing deck. Name the audience and what should change after the presentation.
|
||
|
||
## Keep the main story clear
|
||
|
||
- **Slides** carry one complete claim and one useful visual.
|
||
- **Reveals** let the presenter add part of an idea at a time.
|
||
- **Branches** hold optional detail without interrupting the story everyone sees.
|
||
- **Speaker notes** help the presenter; they should not repeat the slide.
|
||
|
||
The main story should still make sense when no optional branch is opened.
|
||
|
||
## Review it as a presenter
|
||
|
||
- Each slide makes one clear point.
|
||
- Reveals help the explanation.
|
||
- Hotspots are obvious without distracting.
|
||
- Embedded media stops when its slide is left.
|
||
- Presenter notes and the audience view stay separate.
|
||
- The complete deck works with keyboard, touch, and its visible controls.
|
||
|
||
Use [Studio’s Slideshow panel](/studio/slideshows) to adjust order, notes, reveals, and branches.
|
||
|
||
## Present the deck
|
||
|
||
```bash
|
||
npx hyperframes present <project-directory>
|
||
```
|
||
|
||
Open the local URL, then click **Present** or press **P**. The audience gets a clean full-screen view while the presenter keeps the current slide, next slide, notes, and timer.
|
||
|
||
In Google Meet, share the audience **tab**. In Zoom, move the audience tab into its own window and share that window.
|
||
|
||
<Card title="Edit slideshow behavior" icon="presentation" href="/studio/slideshows">
|
||
Adjust slides, reveals, branches, hotspots, and notes.
|
||
</Card>
|