A Youtube kids App's Player UI View with swift

by iOS Example

SummerPlayerView

SummerPlayerView is an iOS Custom VideoPlayerView, It tried to make it as similar as possible a Youtube kids App's Player UI.

Example

To run the example project, clone the repo, and run pod install from the Example directory first.

Demo

Light theme

Dark theme

Requirements

  • Swift 5.0+
  • iOS 13.0+
  • Xcode 11+

Installation

SummerPlayerView is available through CocoaPods. To install
it, simply add the following line to your Podfile:

pod 'SummerPlayerView'

Usage

Currently SummerPlayerView can be instantiated programatically only

Programatically


import UIKit
import AVKit

import SummerPlayerView

class PlayerViewController: UIViewController  {
    
    let defaultConfig = DefaultConfig()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let testContents = ContentsMaker.getContents()
        let sampleTheme = ThemeMaker.getTheme()
        
        let summerPlayerView = SummerPlayerView(configuration: defaultConfig, theme: sampleTheme,targetView: view)
        
        summerPlayerView.delegate = self
        
        if let currentItem = testContents.first {
            summerPlayerView.setupPlayList(currentItem: currentItem, items: testContents)
        }
        
        view.addSubview(summerPlayerView)
        
        summerPlayerView.pinEdges(targetView: view)
        
    }
    
}

Configuration and theme

  • Configure SummerPlayerView's theme and
    configurations, and target view where the video will appear like sample code

  • Currently, only landscape mode is supported

Concepts

It tried to make it as similar as possible a Youtube kids App Player UI
Through SummerPlayerView, you can understand the following basic player actions

  • Basic playback
  • Loop playback
  • Next or Previous playback with playlist
  • Seek
  • HLS playback with AVQueueplayer

Author

Derrick, kang.derrick@gmail.com

GitHub