音楽アプリの画面遷移でリセット処理したい。

Question

よろしくお願いします。

シンプルな音楽アプリを作っています。

PageViewControllerでViewControllerを3つ繋ぎました。

下記参照のようにそれぞれのViewControllerのコードは同じ構成になっていますが、
画面遷移させた時に画面遷移前の再生を止めてスライダーを再生前に戻したいのです(ストップボタンを押した時と同じ処理でも良いです)。
どのようなコードをどこに打てば良いのか・・。

よろしければ教えていただければうれしいです。
PageViewControllewのコード

class PageViewController: UIPageViewController {

    // ① PageViewで表示するViewControllerを格納する配列を定義
    private var controllers: [UIViewController] = []

    override func viewDidLoad() {
        super.viewDidLoad()

        self.initPageViewController()
    }
    
    /// PageViewControllerの初期化処理
    private func initPageViewController() {

        // ② PageViewControllerで表示するViewControllerをインスタンス化する
        let firstVC = storyboard!.instantiateViewController(withIdentifier: "FirstView") as! ViewController
        let secondVC = storyboard!.instantiateViewController(withIdentifier: "SecondView") as! SecondViewController
        let ThirdVC = storyboard!.instantiateViewController(withIdentifier: "ThirdView") as! ThirdViewController

        // ③ インスタンス化したViewControllerを配列に保存する
        self.controllers = [ firstVC, secondVC, ThirdVC ]

        // ④ 最初に表示するViewControllerを指定する
        setViewControllers([self.controllers[0]], direction: .forward, animated: true, completion: nil)
        
        // ④ PageViewControllerのDataSourceを関連付ける
        self.dataSource = self
    }

}

// ⑤ PageViewControllerのDataSourceを定義
// MARK: - UIPageViewController DataSource
extension PageViewController: UIPageViewControllerDataSource {

    /// ページ数
    func presentationCount(for pageViewController: UIPageViewController) -> Int {
        return self.controllers.count
    }
    
    /// 左にスワイプ（進む）
    func pageViewController(_ pageViewController: UIPageViewController, viewControllerAfter viewController: UIViewController) -> UIViewController? {
        if let index = self.controllers.firstIndex(of: viewController),
            index < self.controllers.count - 1 {
            return self.controllers[index + 1]
        } else {
            return nil
        }
    }

    /// 右にスワイプ （戻る）
    func pageViewController(_ pageViewController: UIPageViewController, viewControllerBefore viewController: UIViewController) -> UIViewController? {
        if let index = self.controllers.firstIndex(of: viewController),
            index > 0 {
            return self.controllers[index - 1]
        } else {
            return nil
        }
    }

}

コード

ViewConerollerのコードは1つのViewcontrollerを提示しますが、オードの構成は
ViewController３とも同じになっています。mp3ファイル名だけ変えています。

import UIKit
import AVFoundation

class ViewController: UIViewController{
    
    // MARK: 配列に曲のURLを入れておく
    let musicPaths = [
        Bundle.main.bundleURL.appendingPathComponent("1.mp3"),
        Bundle.main.bundleURL.appendingPathComponent("2.mp3"),
        Bundle.main.bundleURL.appendingPathComponent("3.mp3")
    ]
    // MARK: どの曲が選ばれているのかを示す変数
    var selectedMusic = 0
    
    @IBOutlet weak var startButton: UIButton!
    @IBOutlet weak var stopButton: UIButton!
    
    var musicPlayer = AVAudioPlayer()
    
    @IBOutlet weak var labelRate: UILabel!
    @IBOutlet weak var sliderRate: UISlider!
    @IBAction func sliderRateMove(_ sender: UISlider) {
        musicPlayer.rate = sliderRate.value
        labelRate.text = String(format: "×%.1f",sliderRate.value)
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
                
        // Do any additional setup after loading the view.
        musicPlayer = AVAudioPlayer()
        musicPlayer.enableRate = true
        // MARK: STOPボタンを選択できないようにする
        stopButton.isEnabled = false
    }
    @IBAction func start(_ sender: Any) {        
        do{
            // 配列に入っている URL のうち、選択している曲の URL を渡す
            musicPlayer = try AVAudioPlayer(contentsOf: musicPaths[selectedMusic])
            musicPlayer.enableRate = true
            
        } catch {
            print("エラー")
        }
        
        //numberOfLoopsに-1を指定すると無限ループする。
        musicPlayer.numberOfLoops = -1
        musicPlayer.play()
        
        // MARK: STARTボタンを選択された状態にする
        startButton.isSelected = true
        //startButton.backgroundColor = .red
        // MARK: STOP ボタンを選択できるようにする
        stopButton.isEnabled = true
    }
    @IBAction func stop(_ sender: Any) {
        musicPlayer.stop()
        // MARK: START ボタンの状態を戻す
        startButton.isSelected = false
        
        // MARK: STOP ボタンを選択できないようにする
        stopButton.isEnabled = false
        // ボタンを押下時にスライダーの値を0に戻す
        sliderRate.setValue(1, animated: true)
    }
   }
    // MARK: 押したボタンによって選択する曲を変える
    // 今回は曲を変更したら現在演奏している曲は停止させる}
    @IBAction func selectOne(_ sender: Any) {
        
        selectedMusic = 0
        musicPlayer.stop()
        // ボタンを押下時にスライダーの値を0に戻す
        sliderRate.setValue(1, animated: true)
        // MARK: START ボタンの状態を戻す
        startButton.isSelected = false
        // MARK: STOP ボタンを選択できないようにする
        stopButton.isEnabled = false
    }
}
コード

Comments

[hoshi-takanori]

コードは画像ではなく、テキストで貼ってください。その際、マークダウン機能を使ってもらえると助かります。
https://teratail.com/help/question-tips#questionTips3-5-1

[satoshi2019]

ご指摘ありがとうございました。修正しました。

[hoshi-takanori]

コードありがとうございます。とりあえず UIPageViewControllerDelegate の didFinishAnimating メソッドを実装して、その中で再生を止めれば良いのでは。
https://developer.apple.com/documentation/uikit/uipageviewcontrollerdelegate/1614090-pageviewcontroller

[satoshi2019]

ご連絡遅くなりました。申し訳ありませんが、私の理解力不足で、
どこにコードを打ち込めば良いのかわかりません。
上述のサイトのDeclaration

optional func pageViewController(_ pageViewController: UIPageViewController,
didFinishAnimating finished: Bool,
〜〜
transitionCompleted completed: Bool)
を入力するのでよかったですか？AppDelegate　に打ち込もうとしてもエラーが出てしまいます。
（Expected '{' in body of function declarationと'optional' can only be applied to protocol members Remove 'optional ')。

Answer 1

こんな感じでしょうか。

1. class PageViewController の前に protocol PlayerController を追加。

protocol PlayerController {
    func stop(_ sender: Any)
}

1. PageViewController の initPageViewController メソッドの最後に self.delegate = self を追加。

     /// PageViewControllerの初期化処理
     private func initPageViewController() {
         // 略
 
         // ④ PageViewControllerのDataSourceを関連付ける
         self.dataSource = self
+        self.delegate = self
     }

1. extension PageViewController: UIPageViewControllerDelegate を追加。

extension PageViewController: UIPageViewControllerDelegate {
    func pageViewController(_ pageViewController: UIPageViewController, didFinishAnimating finished: Bool, previousViewControllers: [UIViewController], transitionCompleted completed: Bool) {
        if completed {
            for vc in previousViewControllers {
                if let player = vc as? PlayerController {
                    player.stop(self)
                }
            }
        }
    }
}

1. ViewController, SecondViewController, ThirdViewController を PageViewController に適合させる。

(stop(_ sender: Any) メソッドはそのままでいいはず。)

-class ViewController: UIViewController{
+class ViewController: UIViewController, PlayerController {

---

あと、selectOne メソッドでボタンの tag を取得して selectedMusic の設定すると良いのでは。

     // MARK: 押したボタンによって選択する曲を変える
     // 今回は曲を変更したら現在演奏している曲は停止させる}
-    @IBAction func selectOne(_ sender: Any) {
+    @IBAction func selectOne(_ sender: UIButton) {
 
-        selectedMusic = 0
+        selectedMusic = sender.tag
         musicPlayer.stop()
         // 略

Comments

[satoshi2019]

ありがとうございます。「3) extension PageViewController: UIPageViewControllerDelegate を追加。」ですが、PageViewController.swiftファイル内への入力で良いでしょうか？

[hoshi-takanori]

はい、1 〜 3 は PageViewController.swift ファイルに書くのが一般的ですね。

[satoshi2019]

できました。どうもありがとうございました！