I just released a new plugin a few days ago that allows you to display an Audio Player that has a “wave-form”, exactly what Soundcloud has.
You just have to fill the audio file, and the image & player generates automatically.
If returns multiples states, such as :
Audio Waveform’s Is Playing
Audio Waveform’s Current Time (s)
Audio Waveform Total Duration (s)
You can manage the player with the following actions :
Start an Audio Waveform
Pause an Audio Waveform
Stop an Audio Waveform
And it also fires custom events, such as :
Audio Waveform Started Playing
Audio Waveform Stopped Playing
You can now enable the option to auto-stop or auto-pause all Audio Players when an another Audio Player starts playing. It can be very useful in the case you have multiple Audio Players on the same page.
You can see a working example by clicking here
New update 02/07/2022 answering to @yorgio1024 's request :
You may now define the speed of a Waveform Audio Player.
You can define in the element, but also change it dynamically with an action call “Set Speed of a Waveform Audio Player” by specifying a number between 0 and infinite.
The smaller the number, the slower the audio will play. 1 is normal.
You are now able to mute or unmute a Waveform Audio Player.
An action has been added “Set Muted an Audio Waveform Player” that allows you to dynamically mute or unmute a player.
Two custom events have also been added : “Has been Muted” and “Has been Unmuted”.
Hope it will help you building your project!
You are now able to check if a Waveform Audio Player is loaded, and if not to get its loading percentage with custom states “Is Loaded” and “% Loaded”. It also fires an event called “Is Loaded”.
You are now able to define if you want to show the cursor when a user is hovering a Waveform Audio Player, and also to define if you want to show a scrollbar, if it is needed.
A new add-on has been added to the plugin : you may now enable the cursor add-on. It’s the white line helping you to go to the place you’d like. Take a look at the GIF !
A new event has been added : “When a Waveform Audio Player has Finished Playing”. It allows you to perform any action as soon as the user played the audio file until the end.
The Waveform Audio Player is now useable inside a popup. There was a bug that made this use-case not possible before this update. Sorry for that and thanks to the one that reported it.
Performance improving : you now have choice to enable partial render to use the PeakCache to improve rendering speed of large waveforms.
Hope it helps !