COCKOS
CONFEDERATED FORUMS
Cockos : REAPER : NINJAM : Forums
Forum Home : Register : FAQ : Members List : Search :

Go Back   Cockos Incorporated Forums > General Discussion > General Discussion (aka spam trap)

 
 
Thread Tools Display Modes
Old 11-26-2015, 07:39 PM   #1
X-Raym
Human being with feelings
 
X-Raym's Avatar
 
Join Date: Apr 2013
Location: France
Posts: 9,875
Default WaveSurfer-WP: WordPress audio player with multiple channel Waveform Vizualisation

Hi !

Maybe some of you are using WordPress for your website,
and maybe you embed audio,
for your portfolio, sound library or your tutorial

Well, have you ever wanted to have the WordPress default player to have waveform preview capability ?
And more, multiple channel waveform preview (a feature that SoundCloud doesn't have :P)

Well, here it is:

WordPress › WaveSurfer-WP « WordPress Plugins

A WordPress plugin I made using wavesurfer-js jQuery plugin.

Nice thing: it only use default WordPress audio shortcode !

I let you consult the site and see the demo.

Hope some of you will be interested :P

Cheers !
X-Raym is offline  
Old 11-27-2015, 07:02 AM   #2
CyberAP
Human being with feelings
 
CyberAP's Avatar
 
Join Date: Nov 2015
Posts: 50
Default

Nice one!
CyberAP is offline  
Old 11-27-2015, 07:22 AM   #3
Fergler
Human being with feelings
 
Fergler's Avatar
 
Join Date: Jan 2014
Posts: 5,207
Default

Very cool!

Is there a way to set the refresh rate of the 'audio played' overlay? (how fast it updates as it follows along).
Fergler is online now  
Old 11-27-2015, 09:05 AM   #4
X-Raym
Human being with feelings
 
X-Raym's Avatar
 
Join Date: Apr 2013
Location: France
Posts: 9,875
Default

@Fregler
I just asked on wavesurfer-js GitHub, I may have a answer soon
I agree that the default refresh rate is not as high as we could expect.

@CyberAP
Thanks

----
I'm experimenting to add a Loop button and a Download button.

It can be a nice player :P
X-Raym is offline  
Old 12-29-2015, 07:18 PM   #5
X-Raym
Human being with feelings
 
X-Raym's Avatar
 
Join Date: Apr 2013
Location: France
Posts: 9,875
Default

@Fregler
In fresh v2.0.0, I manage to change the way the player is initliazed, and now the cursor is way faster
(this involved a complete rewrite of the JS initialization).
X-Raym is offline  
Old 01-03-2016, 04:33 AM   #6
X-Raym
Human being with feelings
 
X-Raym's Avatar
 
Join Date: Apr 2013
Location: France
Posts: 9,875
Default

v2.1.0
Waveforms are now fully Responsive
Playlist shortcode is supported as well
X-Raym is offline  
Old 10-11-2016, 06:14 AM   #7
X-Raym
Human being with feelings
 
X-Raym's Avatar
 
Join Date: Apr 2013
Location: France
Posts: 9,875
Default

Now with a premium plugin to allow quick loading of the waveforms (which are not stored in cache files :P), for both mixed and split chanels visualization !

WaveSurfer-WP Premium Add-On / ExtremRaym

Enjoy !
X-Raym is offline  
Old 10-29-2016, 03:54 AM   #8
nofish
Human being with feelings
 
nofish's Avatar
 
Join Date: Oct 2007
Location: home is where the heart is
Posts: 12,096
Default

Why is this in spam trap ? I almost missed it.

Anyway, thanks X-Raym, nice player.

Just one small thing: To be honest I'm missing a volume control, compared to the native Wordpress html5 player.
Any chance of putting one in ?
nofish is offline  
Old 10-29-2016, 04:54 AM   #9
X-Raym
Human being with feelings
 
X-Raym's Avatar
 
Join Date: Apr 2013
Location: France
Posts: 9,875
Default

@nofish
Thanks

I put it myself in General Discussion cause it has nothing to do with REAPER. Plus, it is a shameless promotion.

Volume control ?
I guess it should be possible.
There is wavesurfer functions for adjusting volume but not from a slider so it has to be code from scratch.

I may consider it at some point. I personally adjust volume physically on the playback system or on the OS, but in a situation where you are comparing two sounds it can be useful.
X-Raym is offline  
Old 10-30-2016, 03:13 AM   #10
nofish
Human being with feelings
 
nofish's Avatar
 
Join Date: Oct 2007
Location: home is where the heart is
Posts: 12,096
Default

Thanks X-Raym.

You're right, I usually adjust playback volume with other means too (I have a media keyboard with vol. up / down).

But to explain why I'm asking...
I administrate a WP website for a friend and I was about to put your player there, because I like it, replacing the default WP html5 one.

Then I thought hm...the default has a volume control, so maybe it's not so visitors friendly for those who are used to using the player's volume control and it suddenly isn't there anymore.

So I stayed with the default player for now and thought I'd ask first.
nofish is offline  
Old 10-30-2016, 04:50 AM   #11
X-Raym
Human being with feelings
 
X-Raym's Avatar
 
Join Date: Apr 2013
Location: France
Posts: 9,875
Default

@nofish
That make sense.

I'll tell you if I'll add this in the future. :P
X-Raym is offline  
 

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -7. The time now is 04:20 PM.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2024, vBulletin Solutions Inc.