# Audio

## Add audio

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukP7rMNQXBatS3vG%2Fgif_widgets_audio.gif?alt=media&#x26;token=5c597c4a-e831-4f8c-9139-830230e5b0eb" alt=""></div>

1. Select page in Navigator
2. Do one of the following:
   * Click <img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MJ1Ia-XP293U-WgAQov%2F-MJ1Kb3o-giEjUFJ_lTu%2Faudio.svg?alt=media&#x26;token=d0fe1ea0-096d-44f5-aefd-d2e569ab7a05" alt="" data-size="line"> on Toolbar
   * Select Insert > Widgets > Audio
   * Click + on Toolbar
3. Select audio file

## Change audio

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukP8fvQ-TEQqZaFJ%2Fgif_widgets_audio_change.gif?alt=media&#x26;token=efb52d0c-5629-493a-8f22-de855a8ae995" 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukP930GK7ikovUHp%2Fgif_widgets_audio_eq.gif?alt=media&#x26;token=0ff82611-bac0-438c-a54c-1b897251e064" 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukPA_V0JCo5Dj366%2Fgif_widgets_audio_pb.gif?alt=media&#x26;token=dba8c6f0-ae49-448a-b227-17fc09fe47cb" 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
