Audio Module

The Audio module in PAP lets you embed audio tracks directly into your app, giving users a way to listen to music, podcasts, or voice content without leaving the interface. It can be styled to match the app’s design with customisable colors and borders.

Written By Yasaman Shad

Last updated 5 months ago

Accessing the Audio Module

  1. Open an app in PAP.

  2. Click the Add Items button in the top navigation bar or use the “+” signs on the canvas.

  3. In the left-side New Items pane, locate the Audio module.

  4. Drag it onto your app canvas. Once placed, click it to open the Audio Properties Pane.

Audio Properties and Settings

The properties pane provides full control over the audio’s source and appearance.

1. Audio Settings

Define the audio source:

Audio URL:

  • Add a link to an audio file (e.g., MP3 URL).

    To apply:

  • Open the Audio Properties Pane.

  • Locate the Audio URL input field.

  • Paste the link to your file.

Color 1 – main player controls

Color 2 – progress bar

Color 3 – background or secondary elements

To apply:

  • Open the Audio Properties Pane.

  • Under Audio Settings, select Color 1, 2, or 3.

  • Use the color picker or enter a HEX code.

Use Cases

  • Embed a podcast episode in an app.

  • Add background music to an event app.

  • Provide voice instructions or learning material in an education app.