Mermaid State Diagram with MAIDR

States are read along their transitions, each named by its event; down opens a composite state.

Failed to load Mermaid from CDN. Please check your internet connection.

stateDiagram-v2
  [*] --> Idle
  Idle --> Running : start
  state Running {
    [*] --> Loading
    Loading --> Playing : loaded
    Playing --> Paused : pause
    Paused --> Playing : resume
  }
  Running --> Idle : stop
  Running --> [*] : quit