Swift 動画のストリーミング再生が出来ない

Question

動画のストリーミング再生をしたいのですが出来ません。
元々、ビデオプレイヤーが下から出てきて全画面で再生する仕様だったのですが
UIViewの中だけで再生させたいので以下のコードにしました
しかし全画面レイヤーが立ち上がり、何も再生されず、全画面レイヤーを閉じるとサムネだけがUIViewに表示されるという事になってしまいました。
アドバイスよろしくお願いします

import UIKit
import AVFoundation
import AVKit
class ViewController: UIViewController {

    @IBOutlet weak var label: UILabel!
    @IBOutlet weak var Play_View: UIView!
    override func viewDidLoad() {
        super.viewDidLoad()
    }
    func playMovieFromUrl(movieUrl: URL?) {
        if let movieUrl = movieUrl {
            let videoPlayer = AVPlayer(url: movieUrl)
            let playerController = AVPlayerViewController()
            playerController.player = videoPlayer
            //レイヤー生成（これが間違っている？）
            let playerLayer = AVPlayerLayer(player: videoPlayer)
            playerLayer.frame = self.Play_View.bounds
            self.Play_View.layer.addSublayer(playerLayer)
            self.present(playerController, animated: true, completion: {
                videoPlayer.play()
            })
        } else {
            print("cannot play")
        }
    }
    func playMovieFromPath(moviePath: String?) {
        if let moviePath = moviePath {
            self.playMovieFromUrl(movieUrl: URL(fileURLWithPath: moviePath))
        } else {
            print("no such file")
        }
    }
    //labelによって再生動画を分けている。labelのテキスト内容は遷移する時に値渡しをして分けている
    func Play(){
        if label.text == "りんご"{
            playMovieFromUrl(movieUrl: URL(string: "https://d2qguwbxlx1sbt.cloudfront.net/TextInMotion-VideoSample-576p.mp4"))
        }else if label.text == "みかん"{
            playMovieFromUrl(movieUrl: URL(string: "みかん動画"))
        }
    }


}

Answer 1

ご質問のコードだと、 UIVeiw にビデオ画像を表示する処理と、AVPlayerViewControllerに表示させる処理の両方が記述されています。

また、present()でAVPlayerViewControllerの表示と、表示完了後にUIVewで表示させる処理の両方を記述してしまっているため、

しかし全画面レイヤーが立ち上がり、何も再生されず、全画面レイヤーを閉じるとサムネだけがUIViewに表示されるという事になってしまいました。

という状態になっていると思います。

AVPlayerViewControlerを使わずに（全画面表示させず、かつ再生ボタンなども表示しない）映像だけを表示したいのであれば、こんな感じで再生できました。

ここでは、View がロードされた時点で再生を行っていますが、必要に応じて再生のタイミングを調整していただければと思います。

メソッド名や変数名は Swift 流に書き換えてありますので、適宜読み替えていただければと思います。

    func playMovieFromUrl(movieUrl: URL?) {
        if let movieUrl = movieUrl {
            let videoPlayer = AVPlayer(url: movieUrl)
            
            // コントローラが必要なければ不要
            // let playerController = AVPlayerViewController()
            // playerController.player = videoPlayer

            let playerLayer = AVPlayerLayer(player: videoPlayer)
            playerLayer.frame = self.playerView.bounds
            self.playerView.layer.addSublayer(playerLayer)
            
            // ここで再生する
            videoPlayer.play()

            // playerViewController を使うのであれば、present()で表示する必要がある。
            // completion: は再生完了したあとに実行する処理を記述
            // self.present(playerController, animated: true, completion: {
            // videoPlayer.play()
            // })
        } else {
            print("cannot play")
        }
    }

Comments

[globalplus]

見事再生されました！
いつもありがとうございます。

[globalplus]

UIView内に透明なUIButtonを配置しました。それを押すと
全画面レイヤーが出てくるにはどうしたら良いですか？

[TsukubaDepot]

その透明ボタンを押したときのアクションで、AVPlayerViewController() を生成し present で表示するようにすると良さそうに思えますが、いかがでしょうか。

ボタンを押すよりも、UIView にタップジェスチャを関連づけた方がパフォーマンス的にはよいかもしれません（透過処理はコストが高そうなので）。

[globalplus]

>その透明ボタンを押したときのアクションで、AVPlayerViewController() を生成し present で表示するようにすると良さそうに思えますが、いかがでしょうか
それが良いのですが実装方法がわかりませんので丸投げ質問となってしまいそうですが教えて頂く事は出来ますか？

>ボタンを押すよりも、UIView にタップジェスチャを関連づけた方がパフォーマンス的にはよいかもしれません（透過処理はコストが高そうなので）。
透明というのはUIButtonの名前を消しただけです。

[TsukubaDepot]

この前別のご質問でコメントしたリンク
https://developer.apple.com/documentation/avfoundation/media_playback_and_selection/creating_a_basic_video_player_ios_and_tvos
の「Implement Playback Behavior」をボタンを押したときの処理として実装すれば良いかと思います。

> 透明というのはUIButtonの名前を消しただけです。

実際にOS内でどのような処理を行なっているか分からないので何とも言えませんが、映像が逐次更新する View の上に部品を乗せていると、ラベル名を消しただけであっても実際は何らかの更新処理が行われていそうな感じがしたので、コストが高い（余計な計算コストがかかる）と思った次第です。