VisoTalkExamplesDocsGitHubnpm

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 ↗