How to make tvOS Application for iOS developers.

1. 손원영
Migration to tvOS
iOS 개발자가 tvOS 개발자로 전직하기
Weverse Company

2. Migration to tvOS
iOS 개발자가 tvOS 개발자로 전직하기

3. 목차
tvOS 개발에 대해 알아봅시다
Weverse Company 서비스 소개
tvOS 개발에 필요한 기초지식
AppleTV용 Weverse 개발
Example

4. Weverse Company

5. Weverse Company
서비스 소개

6. Weverse Company
Apple TV App

7. Weverse Company
Weverse + VLive = Weverse 2.0

8. tvOS 개발에 필요한 기초지식

9. tvOS
- iOS 를 기반으로 만들어짐
- iOS와 동일하게 각종 Framework 사용 가능 UIKit, AVKit 등등
- 모든 입력이 Remote 를 통해 들어가기에 Focus 엔진에 대한 이해가 필수

10. TVML
- Television Markup Language
- XML 기반으로 정해진 템플릿들을 사용하여 tvOS 앱을 빠르게 개발 가능

11. Layout
- 기본 화면 구성은 1920*1080 (4K 해상도는 2x 대응)
- 컨텐츠 엣지패딩 (60 90 90 60) 주는게 좋음

12. Focus and Selection
- AppleTV의 UX는 리모콘의 조작으로 Focus가 각 UI 요소를 이동
- Swipe, Tap, Click 세가지 제스쳐 지원

13. Focus and Selection
- Parallax 효과를 구현하여 반응성을 확인시켜주면 더 좋음
- Focus는 사용자의 리모콘 조작에 대한 상호작용이므로 강제이동 시킬 수 없음
(Focus 변경 API가 존재하지 않음)
- CollectionView에서 cell reuse시 Focus를 그대로 들고가기 때문에 부분 Update 필수
(전체 reload시 엉뚱한 곳에 Focus가 가게 됨)

14. Focus Guide
- 다음 UI로의 이동을 constraint로 지정해 줌
- 복잡한 UI가 있는 화면에서 이동 경로 설정

15. App Icon

16. Top Shelf
- AppleTV 홈화면 맨 윗줄에 앱을 위치시킬때 나오는 컨텐츠 추천 Extension
- 간단한 메타정보를 만들어 넘겨주면 이쁘게 나옴

17. AppleTV용 Weverse 개발

18. 개발시 고려할 사항들
- UIKit vs SwiftUI
- 웹브라우저 사용불가 - WebKit, SafariKit의 부재
- 사용하는 라이브러리의 tvOS 지원유무

19. Video Player
- AVPlayerViewController vs CustomVideoViewController
- Customizing the tvOS Playback Experience

20. Top Shelf
- 무엇을 보여줄까? = 추천 컨텐츠
- FullHD 이상의 고해상도 이미지를 사용하는것을 추천

21. DRM
- 동시재생을 막으며 불법 다운로드를 막음
- iOS, tvOS는 FairPlay Streaming(FPS) 사용

22. Example

23. Focus and Selection

24. Focus Guide
- Creating custom navigation interactions

25. Focus Guide

26. Top Shelf
프로젝트 셋팅

27. Top Shelf
Meta정보 아이템 만들기

28. Top Shelf
ContentProvider

29. Top Shelf
AppDelegate

30. Top Shelf
실제동작

31. End
Special thanks to…
최승호,서경진,박철,임리나