Engage

Word Highlighting in Narration

Sync every spoken word with the text in your Step-by-Step Guide, so readers see exactly where the AI narration is.

Word Highlighting in Narration
Engage

Follow along, word by word

Narration is easy to lose track of when your eyes leave the screen. Word Highlighting in Narration marks each word as it is spoken.

Every word, in sync

As the AI voice speaks, the matching word is highlighted in the step text, so the text and the audio stay together.

Works in every narration language

Word highlighting works across all supported narration languages, so it follows whichever language a viewer listens in.

One toggle per guide

A single toggle in the Narration panel controls word highlighting for the guide, so you can turn it on or off when you edit.

How can you do this in Floik

Quick looks of how to do this in Floik app

<floik-flo 
  id="floik-iframe-container-mw1rm75d"
  flo-id="69a80c2d1272047f160f5ce3"
  title="How to enable narration for a step-by-step guide?"
  is-embed="true"
  hide-header="true"
  show-author="false"
  swift-play="false"
  auto-play="true"
  show-transcript="false"
  theme="none"
  wrapper="rounded"
  style="overflow: hidden;
		border-radius: 16px;
		position: relative;
		width: 100%;
		max-height: 100%;
		aspect-ratio: 2.082430;
		/* Note: Other height values
       Based on % of actual height of the Flo: 922 (100%),  830 (90%), 738 (80%), 461 (50%), 277 (30%)
       You can use any value for height and the width will automatically adjust to maintain the aspect ratio*/">
</floik-flo>

When teams use this

A few situations where this feature saves the most time.

Customer Onboarding

A new customer follows a long setup guide with the narration playing. After looking away to the product, the highlight shows where to pick up.

Recording directly from production

A training team publishes a narrated guide for an internal tool. Learners switch between the guide and the tool, and the highlight marks the narration.

FAQ Unpacked

Frequently asked questions

Can I change how the Polish narration sounds?

How do I edit the AI voiceover?

What are the languages available to add an AI voiceover?

Can I add chapters to Interactive Demos or Explainer Videos?

Can I add a voice to a call to action?

Capture your workflow once.

AI does the heavy lifting. You stay in control.

Capture workflows from your browser or desktop applications with the Floik Chrome extension, or simply upload an MP4. Floik AI does the heavy lifting, taking you all the way to polished interactive guides, SOPs, feature walkthroughs, and professionally narrated videos.

You review. You validate. You refine. You stay in control.

Free plan available · No credit card required