← All widgetsWidget 91 ·
emcp_custom_91Audio Player
Elementor widget3 layouts9 content options5 style options2 panel sections
Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: audio, player, music, podcast, sound, visualizer.
Setup guide
- Open a page in Elementor, search the panel for Audio Player and drag it into a container.
- Content › Content: Layout Preset, Audio File (URL or media), Cover Image, Title, Artist / Subtitle, Show Cover, Show Title & Artist, Show Visualizer and 1 more.
- Pick a Layout Preset: Card (cover left), Cover (image on top), Compact (single row). Each one is shown below.
- Style tab sections: Style. Colours, typography and spacing set here are scoped to this widget instance.
- Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Conditional options:
Visualizer Bars appears when Show Visualizer is yes.Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout
Card (cover left)
Layout Preset = card
0:00
Layout
Cover (image on top)
Layout Preset = cover
0:00
Layout
Compact (single row)
Layout Preset = compact
0:00
Options reference
Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).
Content tab
Content
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Layout Presetpreset | Dropdown | Card (cover left), Cover (image on top), Compact (single row) | card | |
Audio File (URL or media)audio_file | Image | |||
Cover Imagecover | Image | |||
Titletitle | Text | Track title | ||
Artist / Subtitleartist | Text | Artist name | ||
Show Covershow_cover | Toggle | on / off | yes | |
Show Title & Artistshow_title | Toggle | on / off | yes | |
Show Visualizershow_visualizer | Toggle | on / off | yes | |
Visualizer Barsbar_count | Number | min 5, max 60 | 24 | Shown when show_visualizer = yes |
Style tab
Style
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Accentaccent | Color | |||
Visualizer Colorviz_color | Color | |||
Backgroundcard_bg | Color | |||
Text Colortext_color | Color | |||
Border Radiusradius | Dimensions |
Add it with the MCP tools
Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_91" and a settings object using the keys above. Run get-custom-widget with id 91 for the full JSON spec.