넷플릭스 인터렉티브 비디오 따라해보기

1. 여러가지 video 태그 만들어 놓고 사용

http://www.raptmedia.com/customers/deloitte/

장점 : 로딩시간이 없이 자연스럽게 재생 가능. 비디오 컨트롤러 바를 이용할 수 있음(상황에 따라 다름)

단점 : 로딩을 위한 많은 비디오 태그들이 삽입. (제어해야할 요소들이 많아질듯..?), 

          브라우저의 정책에 따라 자동재생 기능이 막혀있는데 어떻게 이어서 다른 영상을 재생시키는지 확인 필요

 

2. 한 파일에서 위치조정으로 사용

https://h5p.org/interactive-video#example=27611

장점 : 비교적 생각하기 편한 방법. (제작 용이)

단점 : 로딩시간 생길 여지. 사용자 관점에서 큰 리스크. 비디오 컨트롤러 바 이용 못함

 

3. 한 파일에서 위치조정을 사용하는 2번과 비슷하지만, 단순히 재생 위치만 바뀌는 것이 아닌 버퍼를 직접 컨트롤하여 재생

(넷플릭스 방식으로 추정됨) -> 약간 1번과 2번의 장점을 결합한 느낌

장점 : 로딩시간 x. 효율적인 버퍼관리 가능, 이론상으로는 영상이 가장 자연스러운 느낌일듯(?)

단점 : 러닝커브 높을듯..................................., 비디오 컨트롤러 바 이용 못함

 

 

1. 스크립트로 제어 구현 할지, 서버 연결해서 재현할지

2. 어느 것 부터 구현할지?

3. 어떤 언어로 할지?

4. 시나리오 짜

5. 어떤 순서부터 구현할지 세세히