DS Custom Audio Player

The DS Custom Audio Player provides a lightweight, flexible and accessible alternative to the default WordPress audio player. It is designed for bloggers, podcasters and musicians who want more control over the look and functionality of their audio embeds without functionality overkill. It’s still just a simple player.

Comes with Language files for German, French, Spanish and Italian WordPress Installations

Features

• Customizable player width and colors (buttons, icons, background)
• Normal, compact and super compact view modes
• Metadata display (Artist – Title) read directly from audio files (MP3, OGG, FLAC, M4A, AAC)
• Optional volume control with instant mute/unmute
• Optional download button (filename based on metadata or original file name)
• Optional playback speed button (cycles through 1x / 1.5x / 2x)
• Optional heading text displayed above the player (centered, italic, in theme font)
• Responsive design that works on desktop and mobile devices
• Lightweight: no external libraries required
• Accessibility-friendly controls (ARIA labels, keyboard navigation)
• Works with both Gutenberg (Block Editor) and the Classic Editor

This plugin uses the text domain ds-custom-audio-player.

Shortcode Usage

Basic example:

[dscap_audio src=”https://example.com/audio/song.mp3″]

Available attributes (override global defaults):

• src – required, URL to the audio file.
• width – CSS value, e.g. 400px or 100%.
• color – Button background color, e.g. #0073e6.
• bg – Player background color.
• icon – SVG icon color, e.g. #ffffff.
• compact – 0 = normal view incl. Metadata, 1 = compact view, 2 = super compact view
• show_volume – 1 = show volume control, 0 = hide.
• show_download – 1 = show download button, 0 = hide.
• show_speed – 1 = show playback speed button, 0 = hide.
• heading – optional heading text displayed above the player (max. 50 characters).
• show_heading – 1 = show heading, 0 = hide.
• align – alignment: left, center, or right.

Example with overrides:

[dscap_audio src=”https://example.com/audio/podcast.mp3
” width=”100%” color=”#ff0000″ icon=”#000000″ compact=”1″ show_download=”0″ align=”center”]