1. Code
  2. iOS SDK

iOS Multitasking: Background Audio

This post is part of a series called iOS Multitasking.
iOS Multitasking: Local Notifications
iOS Multitasking: Background Tasks

This is a continuation of the iOS Multitasking series. Along with notifications (as discussed last week), iOS Multitasking also provides a feature called Background Audio. As the name suggests, this feature enables applications to play audio even when the application is in the background, similar to how the iPod or Music Application bundled with the device works.

In this tutorial we will be covering playing a sound in the background, not how to record audio in the background. To demonstrate we will be making a simple noise maker and give it the ability to play in the background.

Step 1: Setting Up the Project

First create a new project and call it NoiseMaker (or some other name) as a View-Based Application with the default settings.

Once the project has been created go to NoiseMaker-Info.plist and add UIBackgroundModes as a new row. It should then create the array.

Open the array and to the right of Item 0 set it to audio. Your NoiseMaker-Info.plist should look like this:


Now go to the target settings and go to the tab labeled Build Phases.


When you've finished the last sub-step go to Link Binary With Libraries and add the AVFoundation framework.


In the Spotlight Search on your Mac for the file HeadSpin Long.caf. Find the file and rename it so the space is deleted.

Drag the file into Xcode under the NoiseMaker Directory. Make sure Copy Resources into Destinations Folder is checked.

Step 2: Setting Up the User Interface

In the NoiseMaker Directory select the NoiseMakerViewController.h file and add the following code under the #import declaration.

Now add the following code under the @interface declaration.

Then right under the closing bracket add the following code.

After all of this code your .h file should look like this.

Step 3: Building the Interface

Now open the NoiseMakerViewController.xib. First add a UILabel somewhere in the view. In the Attributes Inspector select the option to make the UILabel's text centered and erase all of the UILabel's text. Now go to the Size Inspector and set the X position to 20, the Y position to 100, the width to 280, and the height to 21.

Next go to the Connections Inspector and drag the referencing outlet to the files owner and select the alertLabel option.


Now add a UIButton to the view and set the button's text to Play. Go to the Size Inspector and set the X Position to 86, the Y Position to 211, the width to 150, and the height to 37. Then in the Connections Inspector drag the TouchUpInside action to the file owners and select the togglePlayingState: option.

Drag the referencing outlet to the files owner and select the option playPauseButton. Now drag out a UISlider and put it onto the view.

Go the Size Inspector and set the X Position to 18, the Y Position to 378, the width to 284, and the height to 23 (default height). Go to the Connections Inspector and drag the referencing outlet to the files owner and select the option volumeControl. Next, drag the valueChanged action to the files owner and select the option volumeDidChange:. The finished interface should look like this.


Step 4: Implementing the Audio Player

Now open the NoiseMakerViewController.m file. Under the @implementation declaration add the following lines.

Now in the dealloc: method add the following lines.

Then add the following code under the dealloc: method.

Now in the viewDidLoad: method add the following lines of code under the [super viewDidLoad];

Final Thoughts

Thanks for reading this tutorial. Next in the series will be Task Completion. Feel free to comment if you encounter any problems or just want to add a tip.

Looking for something to help kick start your next project?

Envato Market has a range of items for sale to help get you started.