Day 23: AVKit Integration – Playing Videos and Media in SwiftUI 🎬 Today, we’ll explore how to integrate AVKit into your SwiftUI project. AVKit is the framework that lets you play videos and audio seamlessly with built-in controls. Comments for Customization: player.play(): This starts video playback.
cornerRadius(10): This rounds the corners of the video view, making it visually appealing.
frame(height: 300): The video player is confined to a specific height, ensuring a clean layout. Here's the code for the implementation shown: import AVKit
import SwiftUI

struct VideoPlayerView: View {
    private var player = AVPlayer(url: URL(string: "https://www.example.com/samplevideo.mp4")!)

    var body: some View {
        VStack {
            VideoPlayer(player: player)
                .frame(height: 300)
                .cornerRadius(10)

            HStack {
                Button("Play Video") {
                    player.play()
                }
                .font(.headline)
                .foregroundColor(.white)
                .padding()
                .background(Color.blue)
                .cornerRadius(8)

                Button("Pause Video") {
                    player.pause()
                }
                .font(.headline)
                .foregroundColor(.white)
                .padding()
                .background(Color.red)
                .cornerRadius(8)
            }
            .padding(.top, 20)
        }
        .padding()
    }
}

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Welcome to Video Player")
                .font(.largeTitle)
                .padding()

            VideoPlayerView()
        }
    }
} The full series is available on my profile and the components can also be found at shipios.app/components. Happy Coding! 🎨 Day 23: AVKit Integration – Playing Videos and Media in SwiftUI 🎬 Day 23: AVKit Integration – Playing Videos and Media in SwiftUI 🎬 Today, we’ll explore how to integrate AVKit into your SwiftUI project. AVKit is the framework that lets you play videos and audio seamlessly with built-in controls. AVKit SwiftUI Comments for Customization: Comments for Customization: player.play(): This starts video playback. cornerRadius(10): This rounds the corners of the video view, making it visually appealing. frame(height: 300): The video player is confined to a specific height, ensuring a clean layout. player.play(): This starts video playback. cornerRadius(10): This rounds the corners of the video view, making it visually appealing. frame(height: 300): The video player is confined to a specific height, ensuring a clean layout. Here's the code for the implementation shown: import AVKit
import SwiftUI

struct VideoPlayerView: View {
    private var player = AVPlayer(url: URL(string: "https://www.example.com/samplevideo.mp4")!)

    var body: some View {
        VStack {
            VideoPlayer(player: player)
                .frame(height: 300)
                .cornerRadius(10)

            HStack {
                Button("Play Video") {
                    player.play()
                }
                .font(.headline)
                .foregroundColor(.white)
                .padding()
                .background(Color.blue)
                .cornerRadius(8)

                Button("Pause Video") {
                    player.pause()
                }
                .font(.headline)
                .foregroundColor(.white)
                .padding()
                .background(Color.red)
                .cornerRadius(8)
            }
            .padding(.top, 20)
        }
        .padding()
    }
}

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Welcome to Video Player")
                .font(.largeTitle)
                .padding()

            VideoPlayerView()
        }
    }
} import AVKit
import SwiftUI

struct VideoPlayerView: View {
    private var player = AVPlayer(url: URL(string: "https://www.example.com/samplevideo.mp4")!)

    var body: some View {
        VStack {
            VideoPlayer(player: player)
                .frame(height: 300)
                .cornerRadius(10)

            HStack {
                Button("Play Video") {
                    player.play()
                }
                .font(.headline)
                .foregroundColor(.white)
                .padding()
                .background(Color.blue)
                .cornerRadius(8)

                Button("Pause Video") {
                    player.pause()
                }
                .font(.headline)
                .foregroundColor(.white)
                .padding()
                .background(Color.red)
                .cornerRadius(8)
            }
            .padding(.top, 20)
        }
        .padding()
    }
}

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Welcome to Video Player")
                .font(.largeTitle)
                .padding()

            VideoPlayerView()
        }
    }
} The full series is available on my profile and the components can also be found at shipios.app/components . shipios.app/components shipios.app/components Happy Coding! 🎨 Happy Coding! 🎨

The code in this story is for educational purposes. The readers are solely responsible for whatever they build with it.

AVKit Integration in iOS 18 - #30DaysOfSwift

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

Bottom Sheet Tutorial in iOS 18 - #30DaysOfSwift

How to Create Custom Transitions in iOS 18 - #30DaysOfSwift

How to Add a Dark Mode Toggle for iOS 18 - #30DaysOfSwift

Swipe, Tap, and Pinch Gestures in iOS 18 - #30DaysOfSwift

LazyVStack vs List in iOS 18 - #30DaysOfSwift

Bottom Sheet Tutorial in iOS 18 - #30DaysOfSwift

How to Create Custom Transitions in iOS 18 - #30DaysOfSwift

How to Add a Dark Mode Toggle for iOS 18 - #30DaysOfSwift

Swipe, Tap, and Pinch Gestures in iOS 18 - #30DaysOfSwift

LazyVStack vs List in iOS 18 - #30DaysOfSwift

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps