Renewal of player module focusing on easy use on LINE iOS.

Songhyun Park
LINE Plus App Dev 6 LINE iOS Team Software Engineer
https://linedevday.linecorp.com/2020/ja/sessions/8406
https://linedevday.linecorp.com/2020/en/sessions/8406

Transcript

2. Features using player in LINE Video Post Video Message Keep Video Profile
3. Player Module Clear Simple
4. Agenda › Player Status › UI Components › Player Pool
5. Player Status loading idle finished error buffering paused playing
6. General Playback Flow
7. General Playback Flow Setting Asset
8. General Playback Flow Loading Asset Setting Asset
9. Processing Playback General Playback Flow Play Loading Asset Setting Asset
10. Processing Playback General Playback Flow Play Loading Asset Setting Asset Buffering
11. Processing Playback General Playback Flow Play Loading Asset Setting Asset Pause Buffering
12. Processing Playback General Playback Flow Play Loading Asset Setting Asset Pause Buffering Playback Finished
13. Processing Playback General Playback Flow Play Loading Asset Setting Asset Pause Buffering Playback Finished Error
14. Things to be Observed for Playback Properties (AVPlayerItem) status isPlaybackLikelyToKeepUp isPlaybackBufferEmpty isPlaybackBufferFull ... Notifications AVPlayerItemDidPlayToEndTime AVPlayerItemFailedToPlayToEndTime AVPlayerItemNewAccessLogEntry AVPlayerItemNewErrorLogEntry kCMTimebaseNotification_EffectiveRateChanged ...
15. Processing Playback Player Status loading Loading Asset idle Setting Asset finished Playback Finished error pending Preloading Finished buffering paused playing › Clearer - Flow of playback status › Less effort - Observing only one property & handling in one place › Easier - Maintaining player module
16. UI Components
17. › Control View › Fullscreen View Controller › Fullscreen Transition › Equalizer Image View › Cover Image View Commonly using UI Components
18. Providing Default UI Components // Setting player to UI Components rendererView.player = player coverImageView.player = player // Setting to use default player control view controlView.attach(to: rendererView) controlView.componentInsets = UIEdgeInsets( top: 0, left: 0, bottom: 0, right: 30 ) controlView.attachToContainerView(with: button) // Presenting Fullscreen View Controller let fullscreenVC = LineMediaPlayerViewController() let transition = PlayerViewControllerTransition() fullscreenVC.transitioningDelegate = transition present(fullscreenVC, animated: true) › UI can be used with little code › Consider extensibility › Customization of UIView › Inheritance of UIViewController › Consider complexity within module
19. Player Pool Player Player Pool Features Video Message Video Post Video Profile ...
20. › Device resources should be considered › Specifically: › Memory Issue › Decoder Full Managing Multiple Objects
21. Player Pool › Object Pool Pattern › Provides player object › Manages a list of all player objects › Player Pool can › Easily handle exceptions › Limit the number of players › Reuse inactive player Player Pool workingItems awaitingItems Features < Player Owner > Player uses gets player object manages list of
22. Summary Player Status - reflecting playback flow Player Pool - managing objects inside the module UI Components - providing common UI related functions
23. Thank you