5

I would like to use VLCKit with SwiftUI.

why not AVPlayer ? because a some video formats are not supported.

Here is my code:

import SwiftUI
import UIKit

struct ContentView: View {
    var body: some View {
        NavigationView
            {
                VStack{
                    PlayerView(url: "https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8")
                }
        }
    }
}
struct PlayerView: UIViewRepresentable {
    public var url: String
    let mediaPlayer = VLCMediaPlayer()
    func makeUIView(context: Context) -> UIView {

        let controller = UIView()
        mediaPlayer.drawable = controller
        let uri = URL(string: self.url)
        let media = VLCMedia(url: uri!)
        mediaPlayer.media = media
        mediaPlayer.play()
        return controller
    }

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

This works and load the video but I would like to add playback controls (Full Screen, Play/Pause, forward, etc.).

I didn't find any documentation about this can anyone help me a bit,

Thanks

Guillermo Mendoza
  • 119
  • 1
  • 4

2 Answers2

1

I watched this video on youtube https://www.youtube.com/watch?v=N_u9nsXNvn4

and this How to show my AVPlayer in a VStack with SwiftUI

Here is my demo

import SwiftUI

struct VlcPlayerDemo: UIViewRepresentable{
    func updateUIView(_ uiView: UIView, context: UIViewRepresentableContext<VlcPlayerDemo>) {
    }

    func makeUIView(context: Context) -> UIView {
        return PlayerUIView(frame: .zero)
    }
}

class PlayerUIView: UIView, VLCMediaPlayerDelegate {
  private let mediaPlayer = VLCMediaPlayer()

  override init(frame: CGRect) {
    super.init(frame: frame)

    let url = URL(string: "rtsp://xxxxx")!//replace your resource here

    mediaPlayer.media = VLCMedia(url: url)
    mediaPlayer.delegate = self
    mediaPlayer.drawable = self
    mediaPlayer.play()
  }

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

  override func layoutSubviews() {
    super.layoutSubviews()
  }
}

struct VlcPlayerDemo_Previews: PreviewProvider {
    static var previews: some View {
        VlcPlayerDemo()
    }
}
Deon
  • 11
  • 1
0
import SwiftUI
import MobileVLCKit

struct VLCPlayerView: UIViewRepresentable {

    @Binding var mediaUrl: URL?

    @State var mediaPlayer = VLCMediaPlayer()

    typealias UIViewType = UIView

    func makeUIView(context: Context) -> UIView {
        let uiView = UIView()
        mediaPlayer.drawable = uiView
        return uiView
    }

    func updateUIView(_ uiView: UIView, context: Context) {
        if let url = mediaUrl {
            mediaPlayer.media = VLCMedia(url: url)
            mediaPlayer.play()
        } else {
            mediaPlayer.stop()
        }
    }
}

struct ContentView: View {
    @State var mediaURL: URL? //update this
    var body: some View {
      VLCPlayerView(mediaURL: $mediaURL)
   }
}
prabhat tripathi
  • 1
  • 4