How to change the playback speed of the HTML5 audio player

Product:

WonderPlugin Audio Player Version 6.6 or above

Tutorial:

This tutorial will guide you how to change the playback speed of the audio player.

In WonderPlugin Audio Player version 6.6 or above, step 3 Options tab -> Skin Options, Play mode, there is an option "HTML5 audio playback speed". This will configure the default playback speed of the audio player.

You can also create external buttons to dynamically change the audio playback speed.

The following code will create a button that will change the audio playback to 0.5 times speed:

<a href='#' onclick='JavaScript:jQuery("#wonderpluginaudio-2").data("object").setPlaybackRate(0.5);return false;'><button>0.5X Speed</button></a>

In the above code, the number 2 in the wonderpluginaudio-2 is the ID of the player. Please make sure to change the number to the ID of your own player.

The following code will create a button that will change the audio playback to normal speed:

<a href='#' onclick='JavaScript:jQuery("#wonderpluginaudio-2").data("object").setPlaybackRate(1);return false;'><button>1X Speed</button></a>

The following code will create a button that will change the audio playback to 2 times speed:

<a href='#' onclick='JavaScript:jQuery("#wonderpluginaudio-2").data("object").setPlaybackRate(2);return false;'><button>2X Speed</button></a>

An online demo is as follows: