Successfully reported this slideshow.
Your SlideShare is downloading. ×

Migration to tvOS

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 32 Ad
Advertisement

More Related Content

Recently uploaded (20)

Advertisement

Migration to tvOS

  1. 1. 손원영 Migration to tvOS iOS 개발자가 tvOS 개발자로 전직하기 Weverse Company
  2. 2. Migration to tvOS iOS 개발자가 tvOS 개발자로 전직하기
  3. 3. 목차 tvOS 개발에 대해 알아봅시다 Weverse Company 서비스 소개 tvOS 개발에 필요한 기초지식 AppleTV용 Weverse 개발 Example
  4. 4. Weverse Company
  5. 5. Weverse Company 서비스 소개
  6. 6. Weverse Company Apple TV App
  7. 7. Weverse Company Weverse + VLive = Weverse 2.0
  8. 8. tvOS 개발에 필요한 기초지식
  9. 9. tvOS - iOS 를 기반으로 만들어짐 - iOS와 동일하게 각종 Framework 사용 가능 UIKit, AVKit 등등 - 모든 입력이 Remote 를 통해 들어가기에 Focus 엔진에 대한 이해가 필수
  10. 10. TVML - Television Markup Language - XML 기반으로 정해진 템플릿들을 사용하여 tvOS 앱을 빠르게 개발 가능
  11. 11. Layout - 기본 화면 구성은 1920*1080 (4K 해상도는 2x 대응) - 컨텐츠 엣지패딩 (60 90 90 60) 주는게 좋음
  12. 12. Focus and Selection - AppleTV의 UX는 리모콘의 조작으로 Focus가 각 UI 요소를 이동 - Swipe, Tap, Click 세가지 제스쳐 지원
  13. 13. Focus and Selection - Parallax 효과를 구현하여 반응성을 확인시켜주면 더 좋음 - Focus는 사용자의 리모콘 조작에 대한 상호작용이므로 강제이동 시킬 수 없음 (Focus 변경 API가 존재하지 않음) - CollectionView에서 cell reuse시 Focus를 그대로 들고가기 때문에 부분 Update 필수 (전체 reload시 엉뚱한 곳에 Focus가 가게 됨)
  14. 14. Focus Guide - 다음 UI로의 이동을 constraint로 지정해 줌 - 복잡한 UI가 있는 화면에서 이동 경로 설정
  15. 15. App Icon
  16. 16. Top Shelf - AppleTV 홈화면 맨 윗줄에 앱을 위치시킬때 나오는 컨텐츠 추천 Extension - 간단한 메타정보를 만들어 넘겨주면 이쁘게 나옴
  17. 17. AppleTV용 Weverse 개발
  18. 18. 개발시 고려할 사항들 - UIKit vs SwiftUI - 웹브라우저 사용불가 - WebKit, SafariKit의 부재 - 사용하는 라이브러리의 tvOS 지원유무
  19. 19. Video Player - AVPlayerViewController vs CustomVideoViewController - Customizing the tvOS Playback Experience
  20. 20. Top Shelf - 무엇을 보여줄까? = 추천 컨텐츠 - FullHD 이상의 고해상도 이미지를 사용하는것을 추천
  21. 21. DRM - 동시재생을 막으며 불법 다운로드를 막음 - iOS, tvOS는 FairPlay Streaming(FPS) 사용
  22. 22. Example
  23. 23. Focus and Selection
  24. 24. Focus Guide - Creating custom navigation interactions
  25. 25. Focus Guide
  26. 26. Top Shelf 프로젝트 셋팅
  27. 27. Top Shelf Meta정보 아이템 만들기
  28. 28. Top Shelf ContentProvider
  29. 29. Top Shelf AppDelegate
  30. 30. Top Shelf 실제동작
  31. 31. End Special thanks to… 최승호,서경진,박철,임리나

×