Controller

The Controller component acts as a container for all player control elements (e.g., play/pause buttons, volume, etc.). It provides a parent element - divided into three layout areas - to which all child components can attach. The visibility of the Controller is automatically synchronized with the UI component based on events like ui/show and ui/hide.

Configuration

Configuration example with defaults:

const playerConfig = {
  controller: true
};