> For the complete documentation index, see [llms.txt](https://docs.flipabit.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flipabit.dev/widgets/audio.md).

# Audio

## Add audio

<div align="left"><img src="/files/-MIxukP7rMNQXBatS3vG" alt=""></div>

1. Select page in Navigator
2. Do one of the following:
   * Click <img src="/files/-MJ1Kb3o-giEjUFJ_lTu" alt="" data-size="line"> on Toolbar
   * Select Insert > Widgets > Audio
   * Click + on Toolbar
3. Select audio file

## Change audio

<div align="left"><img src="/files/-MIxukP8fvQ-TEQqZaFJ" alt=""></div>

1. Select Audio widget
2. Open Widget Inspector
3. Click Select audio
4. Select audio file

## Graphical equalizer

<div align="left"><img src="/files/-MIxukP930GK7ikovUHp" alt=""></div>

1. Select Audio widget
2. Open Widget Inspector
3. Enable Equalizer to show graphical equalizer
4. Customize equalizer:
   * Select color
   * Set bar width
   * Enable Dots to show dots instead of bars

## Playback panel

<div align="left"><img src="/files/-MIxukPA_V0JCo5Dj366" alt=""></div>

1. Select Audio widget
2. Open Widget Inspector
3. Select from Show playback list when to show playback panel:
   * Always: always show playback panel
   * Never: never show playback panel
   * Maximize: show playback panel when widget is maximized
4. Customize playback panel:
   * Enter panel height in Height field&#x20;
   * Select Background color\
     Enable Blurred to add blur effect (will work only with translucent background).&#x20;
   * Select Controls color
   * Select Slider color