AVKit Integration in iOS 18 – #30DaysOfSwift

AVKit is the framework that lets you play videos and audio seamlessly with built-in controls.


This content originally appeared on HackerNoon and was authored by Vaibhav

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.

Image description

\ 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: \n

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! 🎨


This content originally appeared on HackerNoon and was authored by Vaibhav


Print Share Comment Cite Upload Translate Updates
APA

Vaibhav | Sciencx (2024-11-01T16:34:04+00:00) AVKit Integration in iOS 18 – #30DaysOfSwift. Retrieved from https://www.scien.cx/2024/11/01/avkit-integration-in-ios-18-30daysofswift-2/

MLA
" » AVKit Integration in iOS 18 – #30DaysOfSwift." Vaibhav | Sciencx - Friday November 1, 2024, https://www.scien.cx/2024/11/01/avkit-integration-in-ios-18-30daysofswift-2/
HARVARD
Vaibhav | Sciencx Friday November 1, 2024 » AVKit Integration in iOS 18 – #30DaysOfSwift., viewed ,<https://www.scien.cx/2024/11/01/avkit-integration-in-ios-18-30daysofswift-2/>
VANCOUVER
Vaibhav | Sciencx - » AVKit Integration in iOS 18 – #30DaysOfSwift. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/11/01/avkit-integration-in-ios-18-30daysofswift-2/
CHICAGO
" » AVKit Integration in iOS 18 – #30DaysOfSwift." Vaibhav | Sciencx - Accessed . https://www.scien.cx/2024/11/01/avkit-integration-in-ios-18-30daysofswift-2/
IEEE
" » AVKit Integration in iOS 18 – #30DaysOfSwift." Vaibhav | Sciencx [Online]. Available: https://www.scien.cx/2024/11/01/avkit-integration-in-ios-18-30daysofswift-2/. [Accessed: ]
rf:citation
» AVKit Integration in iOS 18 – #30DaysOfSwift | Vaibhav | Sciencx | https://www.scien.cx/2024/11/01/avkit-integration-in-ios-18-30daysofswift-2/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.