Recording Controls in the UI

In this module, you focus on the UI side of archiving before moving to backend handlers. You will define how users start and stop recording, how recording state is shown, and when playback should appear. The goal is a clear UI behavior model that maps cleanly to the backend routes in the next step.

What the UI should do

  • Let users start and stop recording without confusion.
  • Show a clear recording state.
  • Expose playback only when it is actually ready.

For implementation details, use:

Checkpoint

  • Start and stop actions are clear and never conflict.
  • Users can tell when recording is active.
  • Playback is shown only when it should be available.