17. 리스트형 플레이어

[Kang-heesuk]

주제 : 17. 리스트형 플레이어

우수참가자로 선정시 'NAVER WEBTOON'에서 체험형 인턴십의 참여기회가 주어집니다.

주제선정 배경

• 네이버 웹툰 플레이탭 혹은 인스타그램 피드 화면과 같이 동영상으로 구성된 리스트와 상세페이지를 구현합니다.
• 해당 과제를 수행함으로써 AVFoundation를 사용해보고, 더 나아가 플레이어를 디자인하며 UI 구현, 애니메이션, 제스처 처리 등 iOS 앱 개발에서 필수적인 요소들을 경험할 수 있습니다.

개발 요구사항 (필수)

• 비디오 리스트뷰
  • 비디오 모델 리스트는 네트워크 통신을 사용해 받아온다.
  • 영상은 화면에 보이면 자동재생이 되며, 영상이 재생되면 기존에 재생하던 영상은 정지하게된다.
  • 리스트에서는 재생/정지 버튼과 소리 on/off 버튼이 있다.
  • 소리 off시 모든 영상에서 소리가 나오지 않으며, 앱이 재실행되더라도 현재 상태를 유지한다.
  • 버튼 외 클릭시 플레이어뷰로 화면이 전환된다.
• 플레이어뷰
  • 플레이어 뷰에선 영상을 컨트롤 할 수 있는 재생/정지, 10초 앞으로, 10초 뒤로, SeekingBar, 뒤로가기 버튼과 현재 시점 시간, 총 재생시간 정보가 있다.
  • 화면을 탭할시 버튼이 노출되며 한번 더 탭할시 버튼이 사라진다.
  • 정지 중엔 버튼들이 사라지지 않으며 재생 중엔 3초뒤 자동으로 사라진다.
  • 하단 스와이프 제스쳐로 플레이어를 종료할 수 있다.

개발 요구사항 (선택)

• 비디오 리스트뷰에서 상세페이지로 넘어갈 때, 커스텀 화면 전환 효과를 가진다.
• 플레이어 내에서 더블탭을 했을 때, 화면 왼쪽인 경우 10초전으로, 화면 오른쪽인 경우 10초 앞으로 플레이어가 이동한다.
• 플레이어 내에서 좌우로 팬 제스쳐를 할 경우 Seeking 기능이 동작한다.

Role

• Mobile

Technology

• iOS

개발언어

• Swift

기타사항

• 필요할 경우 오픈소스를 사용하여도 됩니다. (단, 멘토에게 사용가능 여부를 먼저 확인합니다.)
• 앱 개발 환경
  • 노트북 (맥북) : Xcode 사전 설치 필요
• 사전 요구 지식
  • (필수) Swift 기본 지식, AVFoundation 기초 지식
  • (선택) AVFoundation 을 활용한 플레이어 개발 능력
    • iOS 스마트폰 (가급적이면 OS 10 이상)
    • 네트워크 통신 라이브러리(Alamofire) 사용법