SwiftUI 動画コントローラー非表示で動画再生

カテゴリー：iOS

記事作成日：2021-03-29

SwiftUIで動画コントローラーを表示させずに動画を再生する。 
現時点で、VideoPlayer を使用すると再生ボタンやコントローラーが動画に重なって表示され、消すことは出来ないらしい。 
よって、AVPlayer を使用する。

Swift 5.3.2 
Xcode 12.4 
iOS Target 14.4 
macOS 11.2.3 BigSur

## 参考資料

<a href="https://medium.com/flawless-app-stories/avplayer-swiftui-b87af6d0553" target="_blank">https://medium.com/flawless-app-stories/avplayer-swiftui-b87af6d0553</a>

<a href="https://medium.com/flawless-app-stories/avplayer-swiftui-part-2-player-controls-c28b721e7e27" target="_blank">https://medium.com/flawless-app-stories/avplayer-swiftui-part-2-player-controls-c28b721e7e27</a>

## 実装例

概ね以下の様に実装。 
参考にしたサイトの説明はウェブ上の動画を対象とした内容だったが、以下サンプルはローカルに保存したファイルを再生するもの。 
動画ファイルの置き場所は Assets.xcassets の中ではなく、ContentView.swift の並び。(途中で変更したので違うかも)

横幅いっぱいの正方形動画を再生する例

ContentView.swift
```
import SwiftUI
import AVKit

struct ContentView: View {
	private let player1: AVPlayer = AVPlayer(url: URL(fileURLWithPath: Bundle.main.path(forResource: "moviename", ofType: "mp4")!))

var body: some View {
		GeometryReader { bodyView in
			VStack {
				PlayerView(player: self.player1)
			}.frame(width:bodyView.size.width, height:bodyView.size.width)
		}
	}

private func movieStart() {
		self.player1.seek(to: CMTime(seconds: 0, preferredTimescale: 600))
		self.player1.play()
	}

}

struct ContentView_Previews: PreviewProvider {
	static var previews: some View {
		ContentView()
	}
}

struct PlayerView: UIViewRepresentable {
	let player: AVPlayer

func updateUIView(_ uiView: UIView, context: UIViewRepresentableContext<PlayerView>) {
	}

func makeUIView(context: Context) -> UIView {
		return PlayerUIView(player: player)
	}

}
```

PlayerUIView.swift
```
import SwiftUI
import AVKit

class PlayerUIView: UIView {
	private let playerLayer = AVPlayerLayer()

init(player: AVPlayer) {
		super.init(frame: .zero)
		playerLayer.player = player
		layer.addSublayer(playerLayer)
	}

required init?(coder: NSCoder) {
		fatalError("init(coder:) has not been implemented")
	}

override func layoutSubviews() {
		super.layoutSubviews()
		playerLayer.frame = bounds
	}

}
```

## VideoPlayer の参考資料

<a href="https://medium.com/flawless-app-stories/avplayer-swiftui-part-5-videoplayer-is-here-e7821a0fd4a9" target="_blank">https://medium.com/flawless-app-stories/avplayer-swiftui-part-5-videoplayer-is-here-e7821a0fd4a9</a>

CONTENTS

Plesk

PleskでクエリパラメータでのSQLインジェクション試行をブロックする

JavaScript

PWAの基本コード

Plesk

PleskでWordpressへのアクセス試行をブロックする

Plesk

PleskのPHP8.3にssh2をインストールした手順

CSS

CSSでアコーディオン

Flutter