Overview

A fully customisable audio player widget for FlutterFlow that supports play/pause, seek, volume, and variable playback speeds. Built on the just_audio plugin to deliver robust audio playback across platforms.

Dependencies

• just_audio: ^0.9.27
• flutter_flow_theme/util/custom_functions: for theming and app integration
• font_awesome_flutter: for custom control icons

Parameters

• ”audioUrl” (String?): URL of the audio source; must be HTTP(S) or asset path.
• “playIconPath” / “pauseIconPath” / “volumeIonPath” (Widget): Custom icons for controls.
• “sliderActiveColour” / “sliderInactiveColour” (Color): Track colors.
• “textColour” (Color): For time and playback speed display.
• width (double) / height (double): Dimensions of the player container (these are auto added to custom widgets)
• “borderWidths” (double), “borderColour” (Color), “borderRaduis”(double): Styling for control group containers.
• “buttonHoverColour” / “speedButtonColour” (Color): Hover and speed-control tinting.

🔧 Setup Instructions

1. Add the Custom Widget
   • Name it AudioPlayerWidget and paste the code below.
   • Ensure the just_audio dependency is added
2. Use in Page
   • Drag AudioPlayerWidget into your layout
   • Provide the required parameters and adjust width and height to fit your UI.