Mobile Playlist for AI Summarization

What do I want this part of the app to do?

I want to make it easy for the Listener to go through multiple Compactions (AI Audio Summaries) while walking.

There is a Playlist (it is not Orderable or Editable right now). The Playlist has been generated by the Listener selecting Longform Media to be Compacted.

When the Listener clicks on a Container for a specific Compaction, the bottom Audio Player begins to play.

When the Player reaches the end of the audio, the Player should go to the next item Indexed.

State Management

I use the following for State Management:

      currentPlayerIsPlaying: FFAppState().currentPlayerIsPlaying,
      compactionRefPlaylist: FFAppState().currentCompactionList,
      currentIndex: FFAppState().currentPlayerIndex,

FFAppState().currentPlayerIndex manages what the Index of the List is that is currently being played. Its value is set in the following ways:

• The Listener clicks on a specific Record in the List
• The Audio Player advances the Index ++ when reaching the end of the current audio