비디오 플레이어에서 재생과 관련된 콘트롤의 대부분은 타임라인에서 이뤄진다.

타임라인의 슬라이더를 앞뒤로 움직이거나, 특정 위치를 클릭해서 플레이 시점을 이동하는 것이 클래시컬한 방법.

그렇다면, 비디오를 보면서 앞뒤로 어떤 장면이 있는지 살펴보고 싶을 때는 어떻게 해야할까?

일정시간 단위로 스냅샷을 미리 만들어서, 비디오 하단에 리스트를 출력하는 인터페이스는 네트워크 비디오 플레이어에서 많이 지원되고 있다. 하지만, 특정시간을 기준으로 미리 만들어진 스냅샷을 사용하기 때문에, 시청자가 찾아보고 싶어하는 시점은 제공하지 않는다.

그래서 생각한 것이 타임라인에서 미리보기를 지원하는 인터페이스이다.

아래는 테스트로 제작한 콘트롤의 캡춰.



슬라이더는 현재 시점을 나타내며, 메인 비디오의 시점을 이동하는데 쓰인다.

덧붙인 기능은 마우스 포인터를 타임라인의 특정 시점 위에 올려놓았을 때, 해당 시점의 스냅샷을 보여주는 것이다.

이번에 새로 제작한 Videosink를 사용해서, frame 단위의 정확한 스냅샷을 빠르게 가져올 수 있다.
저작자 표시 비영리 변경 금지
신고
Posted by anisci


티스토리 툴바