WPThumbs
Themes Plugins By purpose By industry Best-of lists Fix it guides
Free Plugin by tymotey v1.2.2

Easy Waveform Player

Add Waveform players easy and fast to your WordPress.

Easy Waveform Player

The facts

Active installs
100+
Price
Free
Last updated
15 Dec 2024
Added
Oct 2020
Requires WP
5.0
Tested up to
WP 6.7.7
Requires PHP
7.0
Downloads
6,368

Our analysis

AI-assisted

Easy Waveform Player is a WordPress plugin that allows you to add a visual waveform representation for audio files. It loads audio on request, preventing multiple players from overloading the audio simultaneously, and can autostop other players when one starts playing.

The plugin integrates with various page builders, including Gutenberg, Elementor, and WPBakery. You can use it by inserting a block in the editor or by using shortcodes to customise audio playback settings and appearance.

Best for: This plugin is suitable for websites that want to display audio content with visual elements.

What it does well

  • ✓Creates visual waveforms for audio files
  • ✓Prevents audio overload with multiple players
  • ✓Integrates with popular page builders
  • ✓Customisable playback settings with shortcodes

Where it falls short

  • •Requires an SSL certificate to function
  • •Limited information on user ratings and active installs

Verdict

Easy Waveform Player provides a straightforward way to enhance audio playback on your site, but it has specific requirements that may limit its use.

From the developer

tymotey's own description of Easy Waveform Player, lightly tidied.

SSL certificate is REQUIRED for the plugin to work!
Easy Waveform Player allows you to add visual waveform, generated on the fly, for an audio file.
Loads audio on request only. If multiple players are showed they will not over load all the audio at once.
Autostop other Easy Waveform Players if they are playing.

How to use:

1) Use the block from the editor you have installed(intergrated in: Gutenberb, Elementor, WPBakery Visual Builder, DIVI)
2) Run code programatically. Code example:

 global $easywaveformplayer;
echo $easywaveformplayer->easywaveformplayer(
    array(
        'audio' => 'https://link.to/audio.mp3',
    )
);

3) Write manual shortcode using examples below

Examples:

  • Load audio by libray id: [easywaveformplayer audio="6"]
  • Load audio by URL: [easywaveformplayer audio="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3"]
  • Autoplay(this requires that user allow permission to autoplay for your page): [easywaveformplayer audio="6" autoplay="1"]
  • Add title: [easywaveformplayer audio="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" title="This is a title"]
  • Animated appearence of timeline: [easywaveformplayer audio="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" animated="true"]
  • Wave design changes: [easywaveformplayer audio="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" timeline_wave_color="#FF0000" timeline_progress_color="#000000"]
  • Colored timelime background(including gradient): [easywaveformplayer audio="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" timeline_background_color="linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%)"]
  • Minimum size and adding different size then default: [easywaveformplayer audio="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" min="true" mini_size="100"]
  • Minimum size with progress indicator: [easywaveformplayer audio="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" min="true" show_progress="true"]

Parameters and default values:

  • id -> ” can be any value containing letters, numbers, _ OR – Value Added will be concatenated with: “ewfplayer_”. Eg: ewfplayer_mainplayer
  • always_play -> 0 (0 – it will stop when other player start playing, 1 – it will continue playing when other start playing)
  • autoplay -> 0 (accepted 0 or 1 values)
  • animated -> false (accepted true or false values)
  • min -> false (accepted true or false values)
  • show_progress -> false (accepted true or false values)
  • player_width -> 100% (any css width values)
  • player_position -> left (left, center, right)
  • player_background_color -> transparent (or other CSS color)
  • mini_size -> 60 (in px)
  • mini_border_size -> 2 (in px)
  • mini_border_color -> #000000 (transparent or other CSS color)
  • progress_circle_thickness -> 4 (in px)
  • progress_circle_color -> #FF0000 (transparent or other CSS color)
  • controller_size -> 40 (in px)
  • controller_color -> #000000 (transparent or other CSS color)
  • timeline_background_color -> transparent (in px)
  • timeline_wave_color -> #999999 (transparent or other CSS color)
  • timeline_progress_color -> #555555 (transparent or other CSS color)
  • timeline_cursor_width -> 1 (in px)
  • timeline_cursor_color -> #333333 (transparent or other CSS color)
  • timeline_height -> 128 (in px)
  • timeline_bar_gap -> 0 (any number, starting from 0)
  • timeline_bar_width -> 0 (any number, starting from 0)
  • timeline_bar_radius -> 0 (any number, starting from 0)

Built using library: https://wavesurfer-js.org/

SSL certificate is REQUIRED for the plugin to work!

Read the full description on the official page →

Tagged as

topic Elementor WPBakery Audio Player Add Fast Https Http Upload Uploads