Configuration & Modes

Player Configuration

The config prop accepts these options:


interface PlayerConfig {
  showProgress?: boolean; // Show progress footer (default: true)
  allowPreviousStep?: boolean; // Allow going back
  allowSkipping?: boolean; // Allow skipping steps
  autoAdvance?: boolean; // Auto-advance between steps
  defaultStepDuration?: number; // Default step duration (ms)
  showTimer?: boolean; // Show timer UI
  debugMode?: boolean; // Enable debug logging
}

Playback Modes

The mode prop controls how the player behaves:

"player" (default): Normal playback mode. Learners can interact with widgets and their progress is tracked.
"review": Read-only mode. Shows previous work with all interactions disabled. Use this when revisiting completed lessons.


<TeachariumPlayer
  lesson={lessonData}
  widgets={widgets}
  mode="review"
  initialSessionState={savedSessionState}
/>