Examples / liftoff
Liftoff, by Eric Berger: a book explainer
2:39 · made by an agent with the VisoTalk skill
Narration
Click a sentence to jump to it.
Source
The video is this document. The narration is the text of each Line, and a word inside it makes an object appear when it is spoken.
<Scene id="hook" pattern="photoStory" slots={{media: "clip", lowerThird: "lt-demo2"}}>
<Beat id="launch">
<Line
id="h1"
text="On May 30, 2020, a SpaceX rocket carried two NASA astronauts toward orbit."
say="On May thirtieth, twenty twenty, a SpaceX rocket carried two NASA astronauts toward orbit."
/>
<Appear on="lt-demo2" line="h1" word="NASA"/>
</Beat>
<Beat id="first" slots={{upper: "first-a", center: "first-b"}}>
<Line id="h2" text="It was the first time a private company had launched people into orbit."/>
<Appear on="first-a" line="h2" word="private"/>
<Appear on="first-b" line="h2" word="launched"/>
</Beat>
<Beat id="title" slots={{foot: "byline", upper: "eyebrow", center: "liftoff-title", lowerThird: null}}>
<Line id="h3" text="Eric Berger's book Liftoff goes back to the years when that company was fighting to survive."/>
<Disappear on={["lt-demo2", "first-a", "first-b"]} at="start" dur={0.5}/>
<Appear on="byline" line="h3" word="Berger's"/>
<Appear on="eyebrow" line="h3" word="book"/>
<Appear on="liftoff-title" line="h3" word="Liftoff"/>
</Beat>
</Scene>examples/liftoff/doc.tsx on GitHub ↗