تضمين المشغلات في SwiftUI

الفيديو في SwiftUI

import SwiftUI
import AVKit

عرض VideoPlayer

struct PlayerScreen: View {
    let player = AVPlayer(url: URL(string: "https://example.com/v.mp4")!)
    var body: some View {
        VideoPlayer(player: player)
            .frame(height: 240)
    }
}

الاحتفاظ بالمشغّل في الحالة

struct PlayerScreen: View {
    @State private var player = AVPlayer(
        url: URL(string: "https://example.com/v.mp4")!)
    var body: some View {
        VideoPlayer(player: player)
    }
}

التحكم في التشغيل

VideoPlayer(player: player)
    .onAppear { player.play() }
    .onDisappear { player.pause() }

محتوى تراكبي

VideoPlayer(player: player) {
    VStack {
        Spacer()
        Text("Live")
            .padding(6)
            .background(.red, in: Capsule())
    }
}

تكرار التشغيل

.onAppear {
    NotificationCenter.default.addObserver(
        forName: .AVPlayerItemDidPlayToEndTime,
        object: player.currentItem, queue: .main) { _ in
        player.seek(to: .zero); player.play()
    }
}

جلسة الصوت للفيديو

try? AVAudioSession.sharedInstance().setCategory(.playback)

مشغلات مخصصة باستخدام UIViewRepresentable

struct PlayerLayerView: UIViewRepresentable {
    let player: AVPlayer
    func makeUIView(context: Context) -> UIView { PlayerUIView(player: player) }
    func updateUIView(_ uiView: UIView, context: Context) { }
}

عرض UIView الداعم

final class PlayerUIView: UIView {
    init(player: AVPlayer) {
        super.init(frame: .zero)
        let layer = AVPlayerLayer(player: player)
        layer.videoGravity = .resizeAspectFill
        self.layer.addSublayer(layer)
    }
    required init?(coder: NSCoder) { fatalError() }
}

صورة داخل صورة

let pip = AVPictureInPictureController(playerLayer: playerLayer)
pip?.startPictureInPicture()

التنظيف

.onDisappear {
    player.pause()
    // remove notification observers here
}

اختبار سريع: مشغّلات SwiftUI

مراجعة: تضمين المشغّلات في SwiftUI