show an image and link it to a sound - ios

Question

I'm trying to make a simple app for some kids. I want to show a photo and to link that photo to a sound.
When the kid click on "Play Sound" it should play an audio that represents the image.
so far I've done only showing the images, that I've put in Assets.xcassets, but my question is..
How can I link those photos to some audio files and play them by clicking on "Play Sound"
Here is my code in ViewController.swift :
#IBOutlet weak var viewImage: UIImageView!
var images: [UIImage] = [
UIImage(named: "photo1.png")!,
UIImage(named: "photo2.png")!,
UIImage(named: "photo3.png")!,
UIImage(named: "photo4.png")!,
UIImage(named: "photo5.png")!,
UIImage(named: "photo6.png")!,
UIImage(named: "photo7.png")!,
UIImage(named: "photo8.png")!
]
var currentImagesIndex = 0
#IBAction func nextImage(_ sender: Any) {
currentImagesIndex += 1
let numberOfImages = images.count
let nextImagesIndex = currentImagesIndex % numberOfImages
viewImage.image = images[nextImagesIndex]
}
So far, when I click on Next Photo it shows me a new photo, and it's working ok. All I want to do for now, it's to link the "photo1-8" to an audio and play it.
I'll appreciate any kind of help,
Radu

Answer 1

You should first add all your sound files to your project. I assume you know how to do this. After adding the files, your project navigator should look a bit like this:
For convenience, I will call your 8 sound files sound1.mp3, sound2.mp3, sound3.mp3 ... sound8.mp3.
Create a property in the class called soundFiles:
let soundFiles: [String] = [
"sound1",
"sound2",
"sound3",
"sound4",
"sound5",
"sound6",
"sound7",
"sound8"
]
Also create a property called player to play the sounds:
var player: AVAudioPlayer!
In the #IBAction of the "Play Sound" button, get the file path of the sound file and initialise the player:
let numberOfImages = images.count
let nextImagesIndex = currentImagesIndex % numberOfImages
let soundFilePath = Bundle.main.url(forResource: soundFiles[nextImagesIndex], withExtension: ".mp3")!
player = try! AVAudioPlayer(contentsOf: soundFilePath)
Then you can play the sound by calling prepareToPlay() and play() consecutively:
player.prepareToPlay()
player.play()

Answer 2

Import AV Foundation by adding this line in top: import AVFoundation
Drag MP3, WAV file in main project directory
Check "Copy items if needed" & App Name in "Add to Targets"
Use this code to play sound
func playSound() {
var btnSound: AVAudioPlayer!
if let audioFileURL = Bundle.main.url(forResource: "fileName", withExtension: ".wav") {
do{
try btnSound = AVAudioPlayer(contentsOf: audioFileURL)
btnSound.prepareToPlay()
btnSound.play()
} catch let err as NSError {
print(err.debugDescription)
}
}
}
//call playSound function inside nextImage method
Tested with Swift 3.1 in xCode 8.3.2