显示图像并将其链接到声音

Question

我正在尝试为一些孩子制作一个简单的应用程序。我想展示一张照片并将该照片链接到声音。

当孩子点击“播放声音”时，它应该播放代表图像的音频。

到目前为止，我只展示了已放入 Assets.xcassets 中的图像，但我的问题是.. 如何将这些照片链接到一些音频文件并通过单击“播放声音”来播放它们

这是我在 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]

}

到目前为止，当我单击下一张照片时，它会向我显示一张新照片，并且工作正常。我现在要做的就是将“photo1-8”链接到音频并播放它。

我将不胜感激任何形式的帮助， 拉度

Answer 1

您应该首先将所有声音文件添加到您的项目中。我假设你知道如何做到这一点。添加文件后，您的项目导航器应如下所示：

为方便起见，我将你的8个声音文件称为sound1.mp3、sound2.mp3、sound3.mp3...sound8.mp3。

在名为soundFiles的类中创建一个属性：

let soundFiles: [String] = [
    "sound1",
    "sound2",
    "sound3",
    "sound4",
    "sound5",
    "sound6",
    "sound7",
    "sound8"
]

同时创建一个名为player 的属性来播放声音：

var player: AVAudioPlayer!

在“播放声音”按钮的@IBAction中，获取声音文件的文件路径并初始化播放器：

let numberOfImages = images.count
let nextImagesIndex = currentImagesIndex % numberOfImages
let soundFilePath = Bundle.main.url(forResource: soundFiles[nextImagesIndex], withExtension: ".mp3")!
player = try! AVAudioPlayer(contentsOf: soundFilePath)

然后你可以通过连续调用prepareToPlay()和play()来播放声音：

player.prepareToPlay()
player.play()

Answer 2

1. 通过在顶部添加此行来导入 AV Foundation：import AVFoundation
2. 将MP3、WAV文件拖入项目主目录
3. 在“添加到目标”中选中“Copy items if needed”和应用名称

4. 使用此代码播放声音

   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
   

在 xCode 8.3.2

中使用 Swift 3.1 测试