Skip to content

Image Flow

Displays a sequence of images synchronized with text-to-speech narration.

How it works

Image Flow preloads multiple images and displays them at specific moments during audio playback. Insert image tags in your text, and images will appear timed with the narration.

Requirements:

  • Must have at least one image tag at the beginning of the text
  • Image tags use format: %(img:1)%

Overview

Image Flow combines visual storytelling with audio narration by allowing you to insert image tags within your text. As the text is spoken, corresponding images are displayed at precise moments, creating an engaging multimedia experience.

Technical Notes

  • Images are preloaded when the node activates to ensure smooth playback
  • Image transitions are synchronized with TTS timing markers
  • Display: For showing single images without narration
  • Say: For text-to-speech without images
  • Audio: For playing audio files with visual content

Tips for Success

  1. Test Thoroughly: Preview your image flow multiple times to ensure timing is correct
  2. Keep It Simple: Don't overcrowd narration with too many image changes
  3. Visual Continuity: Choose images that create a cohesive visual story
  4. Accessibility: Ensure your narration describes what's being shown for accessibility