Creating an audio playback controller

Start by creating an audio playback controller. You can do this in the Assets panel:

1. Click +.
2. Select Audio Playback Controller.

It'll be listed in the Assets panel as audioPlaybackController0.

Adding an audio clip

When an audio playback controller is selected in the Assets panel, you'll see its properties in the Inspector.

Add the audio file next to the option labeled Audio. To do this:

1. Click the dropdown next to Audio.
2. Select boombox_loop.m4a.
3. Click Play.

Connecting the speaker

For sound to actually render in a scene, the audio playback controller has to be connected to an object called a speaker.

To add a speaker:

• Click + at the bottom of the Scene panel.
• Select Speaker from the menu.

It’ll be listed in the Scene panel as speaker0:

Next apply the playback controller to the speaker:

1. Go to the Inspector.
2. Click the dropdown next to Audio.
3. Select the playback controller - audioPlaybackController0.

You can also edit the speaker’s properties to adjust the volume of sound in the scene, using the slider next to Volume.

Adding looping sound

To add a looping sound adjust the properties of the playback controller:

1. Select the playback controller in the Assets panel.
2. In the Inspector, check the box next to Loop.

You’ll now have a continuous looping sound in the scene!

Adding interactivity

You can use the Patch Editor to create effects with sound that include logic and interactivity.

Let's make this sound stop in response to a tap on the device screen.

Creating the patches you’ll need

In the Inspector there are arrows next to Play, Loop and Reset. Clicking these will create patches, representing that property.

Click the arrow next to Play to create a patch and open the Patch Editor.

Next create a Screen Tap patch. This is one of many interaction patches included in Spark AR Studio. It will detect when someone touches the screen of their device when using the effect.

To add this patch to your project:

1. Right-click in the Patch Editor.
2. Select the Screen Tap patch from the menu.
3. Click Insert Patch.

Connecting the patches

You’ve now got 2 patches in the Patch Editor.

If we connect the output of the Screen Tap patch to the Play input port in the audio playback controller patch a Switch patch will be created automatically.

Joining these 3 patches together creates a switch that will turn the sound on or off each time the screen is tapped.

We can test this in the Simulator. Click the gear and select Simulate Touch, then click anywhere in the Simulator.