mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-11-02 03:36:52 +00:00
Ular Kimsanov
0390f3f908
* docs(studio): the browser editor in six pages, named the browser editor * docs(studio): mute where the editor has it, and no solo control The audio pages still described a solo control and a group-row mute that the editor does not render. Muting is the speaker button on an audio track (Mute track / Unmute track), the same toggle on a selected clip, and the Muted switch; a group is silenced through its members' tracks. The audio reference drops its solo section for the same reason.
81 lines
3.8 KiB
Plaintext
81 lines
3.8 KiB
Plaintext
---
|
||
title: "Make an interactive presentation with AI"
|
||
sidebarTitle: "Presentation"
|
||
description: "Build a deck you present live: reveals on each click, optional branches, hotspots, and presenter mode with notes and a timer."
|
||
---
|
||
|
||
import { DocsVideo } from "/snippets/docs-video.jsx";
|
||
|
||
A HyperFrames presentation stays live: you click through it like a deck, with reveals, branches and speaker notes,
|
||
instead of playing a video.
|
||
|
||
<DocsVideo
|
||
title="A real deck being navigated — fragments, a branch, and presenter mode"
|
||
src="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/slideshow-demo-v1.mp4"
|
||
poster="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/slideshow-demo-v1.jpg"
|
||
/>
|
||
|
||
*A running deck: points arrive one click at a time, a hotspot jumps to a branch, Back returns to the exact point it
|
||
left, and presenter mode shows the notes and a timer.*
|
||
|
||
## Make it
|
||
|
||
Give the agent the material and the decision the presentation should support:
|
||
|
||
```text
|
||
Turn this product strategy outline into a presentation for our leadership review: [paste outline]
|
||
```
|
||
|
||
The agent confirms the audience, the main outcome, and
|
||
whether the deck needs reveals, branches or presenter notes; you don't need to plan every slide. With your own agent instead of the app, start the message with `/hyperframes`.
|
||
|
||
Name the audience and what should change after the presentation. If it should play start to finish with nobody
|
||
presenting, make a [video](/workflows) instead: a deck can't be exported as one MP4 yet.
|
||
|
||
## How a good deck is built
|
||
|
||
- **One claim per slide**, with one visual that proves it.
|
||
- **Reveals** when the presenter should add an idea a piece at a time.
|
||
- **Branches and hotspots** for optional detail, so the main story still works if nobody opens them.
|
||
- **Speaker notes** that help the presenter instead of repeating the slide.
|
||
|
||
To change order, notes, reveals or branches by hand, use the [Slideshow panel](/studio/export#build-a-slideshow) in the browser
|
||
editor.
|
||
|
||
## Prompts that work
|
||
|
||
Ask for the deck's moving parts by name: "reveal the bullets one at a time", "branch to a detail slide from a hotspot", "add speaker notes". A full pitch deck in one prompt:
|
||
|
||
> Build a 5-slide pitch deck, 1920x1080. One idea per slide, each headline a complete-sentence claim (not a label), punchline first. Slide 2 reveals three pain points one at a time as fragments. Slide 3 shows bottom-up market math (accounts × ACV), not a bare "$40B TAM". Add presenter notes to every slide, and a hotspot on slide 3 that branches to a "sizing methodology" detail slide. I'll present it with `hyperframes present`.
|
||
|
||
This makes a deck you click through, not a video. Each reveal is a stop inside the slide; the hotspot opens a detail slide, and Back returns to the slide that held it.
|
||
|
||
## Present it
|
||
|
||
```bash
|
||
npx hyperframes present <project-directory>
|
||
```
|
||
|
||
Open the local link and press **P** (or click **Present**). The audience gets a clean full-screen view; you see the
|
||
live slide, your notes, what comes next and a timer. In Google Meet, share the audience **tab**; in Zoom, move that tab
|
||
into its own window and share the window.
|
||
|
||
Use **Next** to step through reveals, including those on the final slide. The Next button disappears once the
|
||
final slide's last reveal is shown.
|
||
|
||
<Warning>
|
||
Do not run `hyperframes render` on a deck. It does not fail — a deck has no
|
||
master root composition, so the render resolves only the **first** slide and
|
||
writes a silently truncated MP4. You can get six seconds of a forty-second
|
||
deck and no warning that anything is missing.
|
||
|
||
Use `hyperframes present` for the live deck, or `hyperframes snapshot` for
|
||
per-slide stills.
|
||
</Warning>
|
||
|
||
## Related topics
|
||
|
||
- [Build and revise a slideshow in the browser editor](/studio/export#build-a-slideshow)
|
||
- [Use variables and templates](/studio/assets-and-blocks#use-variables)
|
||
- [Make a video instead](/workflows)
|