--- title: Player Flow config: theme: base themeVariables: primaryColor: '#f0f0f0' themeCSS: | .nodeLabel { font-weight: bold !important; color: #ffffff } .node rect, .node circle, .node ellipse, .node polygon { fill: #1E90FF !important; stroke: none !important; rx: 10px !important; ry: 10px !important; } .edgeLabel { color: #000000 !important; } --- flowchart LR %% Legends Start[Start] Playing[Playing] Waiting[Waiting for
Gesture / Playback End ] Return[Return] Toggle[Toggle Play / Pause] SeekPrev[Seek Prev] SeekNext[Seek Next] NavigatePrev[Navigate Prev Source] NavigateNext[Navigate Next Source] NavigateFirst[Navigate First Source] NavigateLast[Navigate Last Source] %% Flow Start --> Playing Start --> |Error Occured| Return Playing --> Waiting Playing --> |Error Occured| Return Waiting --> |Tap:
Disabled for Live| Toggle Waiting --> |"Long Tap Left
(Right when RTL):
Disabled for Live"| SeekPrev Waiting --> |"Long Tap Right
(Left when RTL):
Disabled for Live"| SeekNext Waiting --> |"Swap Left
(Right when RTL):
Disabled for single Source"| NavigatePrev Waiting --> |"Swap Right
(Left when RTL):
Disabled for single Source"| NavigateNext Waiting --> |"Swap Up:
(Disabled for single Source)"| NavigateFirst Waiting --> |"Swap Down:
(Disabled for single Source)"| NavigateLast Waiting --> |"Playback Ended /
Triple Tap (Exit) /
Error Occured"| Return