Tutorial: Saving and loading your plug-in state

Table of Contents

Manage your plug-in parameters in an elegant and sophisticated manner. Storing and accessing parameters becomes a breeze and, in particular, makes building effective user interfaces much easier.

Level: Intermediate

Platforms: Windows, macOS, Linux

Classes: AudioProcessorValueTreeState, ValueTree, XmlElement

The AudioProcessorValueTreeState class requires that your compiler supports C++11 lamdas. Recent versions of Xcode and Visual Studio include this support.

Getting started

Download the demo project for this tutorial here: PIP | ZIP. Unzip the project and open the first header file in the Projucer.

If you need help with this step, see Tutorial: Projucer Part 1: Getting started with the Projucer.

You should also know how to build an audio plug-in using JUCE and load this into your preferred audio host (such as a Digital Audio Workstation). See Tutorial: Create a basic Audio/MIDI plugin, Part 1: Setting up for an introduction. Ideally, you should also have read Tutorial: Adding plug-in parameters, as an introduction to audio processor parameters.

The demo project

The demo project is loosely based on the GainPlugin project in the JUCE/examples/Plugins directory. This plugin changes the gain of an incoming signal using a single parameter. In addition to this, it also has a phase invert parameter to invert the phase of the incoming signal.

The gain processor

Most of the code in the TutorialProcessor class is the same as that generated by the Projucer when you use the Audio Plug-In project template. For simplicity, we have bundled the processor code into a single .h file rather than being split across a .cpp and an .h file. The editor for the processor is in the GenericEditor class.

There are several advantages to using the AudioProcessorValueTreeState class for managing your plug-in's parameters:

To use an AudioProcessorValueTreeState object, you can store one in your processor class:


You may store your AudioProcessorValueTreeState object elsewhere but you must be careful that each AudioProcessorValueTreeState object must be:

Storing the AudioProcessorValueTreeState object in the processor class makes it easier to ensure that you satisfy these requirements.

The AudioProcessorValueTreeState constructor requires a reference to the AudioProcessor subclass that it will be attached to, and a pointer to an UndoManager object:

: parameters (*this, nullptr)

In this case, we use a nullptr value for the UndoManager object as we're not going to implement undo support in this tutorial. The nullptr value indicates that we do not want to use undo support.

Configuring the parameters

In the constructor of the processor you would normally configure your parameters by using the AudioProcessorValueTreeState::createAndAddParameter() function to create and add them (to both the AudioProcessorValueTreeState and the AudioProcessor on your behalf):

parameters.createAndAddParameter ("gain", // parameter ID
"Gain", // parameter name
String(), // parameter label (suffix)
NormalisableRange<float> (0.0f, 1.0f), // range
0.5f, // default value

The parameter ID should be a unique identifier for this parameter. Think of this like a variable name; it can contain alphanumeric characters and underscores, but no spaces. The parameter name is the name that will be displayed on the screen. The parameter label allows you to specify a suffix (for example "dB" for gain in decibels or "Hz" for frequency parameters).

The range of values that will be represented by the parameter is specified using a NormalisableRange<float> object to set the minimum and maximum values for the parameter. This may also specify a skew-factor to make the transition between minimum and maximum non-linear (see Tutorial: Adding plug-in parameters).

Parameter text conversion

The final two nullptr arguments in this call to the AudioProcessorValueTreeState::createAndAddParameter() function are optional conversion functions to convert between the value and the text that you want to represent that value (and vice versa). Specifying a nullptr value as either or both of these argument uses the default conversion functions (which simply convert a floating point value to a string and a string back to a floating point value respectively).

The second parameter is configured a little differently:

parameters.createAndAddParameter ("invertPhase", "Invert Phase", String(),
NormalisableRange<float> (0.0f, 1.0f, 1.0f), 0.0f,
invertPhaseToText, // value to text function
textToInvertPhase); // text to value function

The invertPhaseToText function is defined as follows:

static String invertPhaseToText (float value)
return value < 0.5 ? "Normal" : "Inverted";

And the textToInvertPhase function is defined like this:

static float textToInvertPhase (const String& text)
if (text == "Normal") return 0.0f;
if (text == "Inverted") return 1.0f;
return 0.0f;

Both of these arguments to the AudioProcessorValueTreeState::createAndAddParameter() function are actually std::function types. This means we could express them as C++11 lambdas:

parameters.createAndAddParameter ("invertPhase", "Invert Phase", String(),
NormalisableRange<float> (0.0f, 1.0f, 1.0f), 0.0f,
[](float value)
// value to text function
return value < 0.5 ? "Normal" : "Inverted";
[](const String& text)
// text to value function
if (text == "Normal") return 0.0f;
if (text == "Inverted") return 1.0f;
return 0.0f;

This gives you some flexibility on how to express these functions. In either case, these functions provide the plug-in host with the text that it should display for any given value of the parameter. The following screenshot shows the gain plug-in with its phase invert parameter turned on and you can see in the "Editor" view of Logic Pro X that the parameter value is displayed as "Inverted":

The phase invert parameter text showing in the DAW UI (in Logic Pro X)

Initialising the ValueTree object

The final step after configuring the parameters is to initialise the ValueTree within the AudioProcessorValueTreeState. This is stored in the state public member within the AudioProcessorValueTreeState object. This ValueTree object needs an identifier to be valid (which is used as part of the conversion to XML that we will see shortly).

parameters.state = ValueTree (Identifier ("APVTSTutorial"));

At this point the processor is ready to use the AudioProcessorValueTreeState object.

Performing the gain processing

To help avoid clicks in the signal, we smooth gain changes and changes in signal phase. To do this, we store the previously calculated gain value in our processor [1]:

float previousGain; // [1]
float* phaseParameter = nullptr;
float* gainParameter = nullptr;

We also store pointers to our parameters at the end of our constructor to dereference them later on:

phaseParameter = parameters.getRawParameterValue ("invertPhase");
gainParameter = parameters.getRawParameterValue ("gain");

The changes are initialised in the TutorialProcessor::prepareToPlay() function:

void prepareToPlay (double, int) override
auto phase = *phaseParameter < 0.5f ? 1.0f : -1.0f;
previousGain = *gainParameter * phase;

Here we calculate the phase inversion factor (+1 or -1) and multiply this by the gain, ready for the first processing callback. You can see that we use the AudioProcessorValueTreeState::getRawParameterValue() function to get a pointer to the float value representing the parameter value. We dereference this to get the actual value. The processing is performed in the TutorialProcessor::processBlock() function:

void processBlock (AudioSampleBuffer& buffer, MidiBuffer&) override
auto phase = *phaseParameter < 0.5f ? 1.0f : -1.0f;
auto currentGain = *gainParameter * phase;
if (currentGain == previousGain)
buffer.applyGain (currentGain);
buffer.applyGainRamp (0, buffer.getNumSamples(), previousGain, currentGain);
previousGain = currentGain;

Here you can see that if the value hasn't changed, then we simply apply a constant gain. If the value has changed, then we apply the gain ramp, then update the previousGain value for next time.

Storing and retrieving parameters

In addition to providing routines for processing audio you also need to provide methods for storing and retrieving the entire state of your plug-in into a block of memory. This should include the current values of all of your parameters, but it can also include other state information if needed (for example, if your plug-in deals with files, it might store the file paths).

Using an AudioProcessorValueTreeState object to store your plug-in's state makes this really simple as a ValueTree object can easily be converted to and from XML.

The AudioProcessor::getStateInformation() callback asks your plug-in to store its state into a MemoryBlock object. To do this using XML via the ValueTree object the code is simply:

void getStateInformation (MemoryBlock& destData) override
auto state = parameters.copyState();
std::unique_ptr<XmlElement> xml (state.createXml());
copyXmlToBinary (*xml, destData);

The XmlElement object created will have a tag name of "APVTSTutorial", which we used to initialise the ValueTree object earlier.

Restoring the state from XML is almost as straightforward:

void setStateInformation (const void* data, int sizeInBytes) override
std::unique_ptr<XmlElement> xmlState (getXmlFromBinary (data, sizeInBytes));
if (xmlState.get() != nullptr)
if (xmlState->hasTagName (parameters.state.getType()))
parameters.replaceState (ValueTree::fromXml (*xmlState));

Here we include some error checking for safety. We also check that the ValueTree-generated XML is of the correct ValueTree type for our plug-in by inspecting the XML element's tag name.

The gain editor

Take a look at the GenericEditor class in the project. You might notice that the declaration of the GenericEditor class is very simple:

class GenericEditor : public AudioProcessorEditor

You might expect that we would need to inherit from the Slider::Listener class and the Button::Listener class in order to respond to slider and button interaction. But this is again one of the benefits of using the AudioProcessorValueTreeState class. Instead we can use the attachment classes within the AudioProcessorValueTreeState class.

Component attachments

In fact, as the names of these classes can become very long, we have included a typedef for each of the attachment classes we need:

Our GenericEditor class contains a number of members, including a slider, a toggle button, and some of these attachment objects:

Label gainLabel;
Slider gainSlider;
std::unique_ptr<SliderAttachment> gainAttachment;
ToggleButton invertButton;
std::unique_ptr<ButtonAttachment> invertAttachment;

We also need to refer to the AudioProcessorValueTreeState object so we also keep a reference to that.

The constructor for our GenericEditor class sets up these objects:

GenericEditor (AudioProcessor& parent, AudioProcessorValueTreeState& vts)
valueTreeState (vts)
gainLabel.setText ("Gain", dontSendNotification);
addAndMakeVisible (gainLabel);
addAndMakeVisible (gainSlider);
gainAttachment.reset (new SliderAttachment (valueTreeState, "gain", gainSlider));
invertButton.setButtonText ("Invert Phase");
addAndMakeVisible (invertButton);
invertAttachment.reset (new ButtonAttachment (valueTreeState, "invertPhase", invertButton));
setSize (paramSliderWidth + paramLabelWidth, jmax (100, paramControlHeight * 2));

This is called by our processor's TutorialProcessor::createEditor() function:

AudioProcessorEditor* createEditor() override { return new GenericEditor (*this, parameters); }

You may notice that we don't even need to set up the slider's value range. This is done automatically by the SliderAttachment class. All we need to do is pass the attachment constructor the AudioProcessorValueTreeState, the parameter ID and the Slider object that it should attach to.

We still retain ownership of the Slider object. You should ensure that the attachment class has the same lifetime as the Slider object.

The ButtonAttachment class still requires us to provide the button name. (And the AudioProcessorValueTreeState::ComboBoxAttachment class, which can attach to a ComboBox object, requires us to populate the ComboBox manually.)

  • Change the plug-in to support only a 2-channel main bus and add a channel swap parameter that can optionally swap the left and right channels.
  • Again using a 2-channel only plug-in, add a balance parameter to balance the left and right channel levels.


In this tutorial we have introduced the AudioProcessorValueTreeState class and shown how it can help you to:

See also