'video-player'에 해당되는 글 3건

  1. 2009.05.30 Time Machine: Stylish Video Control (2)
  2. 2009.05.30 Drag & Drop Video Bookmarking: Stylish Video Control
  3. 2008.02.27 Just for FUN (2)
비디오 플레이어에서 재생과 관련된 콘트롤의 대부분은 타임라인에서 이뤄진다.

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

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

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

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

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



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

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

이번에 새로 제작한 Videosink를 사용해서, frame 단위의 정확한 스냅샷을 빠르게 가져올 수 있다.
저작자 표시 비영리 변경 금지
신고
Creative Commons License
Creative Commons License
Posted by anisci
비디오를 보면서, 보고있는 장면을 웹페이지의 북마크처럼 저장해놓고 싶을 때가 있다.

아래는 테스트 목적으로 구현한 콘트롤의 캡춰.



비디오를 보면서 시청자가 스크린을 드래그해서 리스트 박스에 던져놓으면 해당 장면에 대한 북마크가 생긴다.

북마크된 시점의 time-stamp는 해당 비디오의 fingerprint와 연결되는 비디오 메타데이터로 저장된다.
시청자가 나중에 같은 비디오를 플레이어에서 열었을 때, 비디오의 fingerprint를 검색해서, 저장된 북마크를 불러올 수 있다.

웹 서비스와 연결한다면, del.icio.us 같은 북마킹서비스의 비디오 버전도 만들 수 있을 듯.
저작자 표시 비영리 변경 금지
신고
Creative Commons License
Creative Commons License
Posted by anisci

Just for FUN

Media Platform 2008.02.27 08:00
인턴 H가 만들고 있는 프로토타입 위젯의 스크린캡춰.

사용자 삽입 이미지

이런 용도로 쓰일 수 있다는 것이 아니라, 이런 재밌는 위젯을 쉽게 만들 수 있는 플랫폼이 있다는 것을 강조하기 위한 캡춰임.

절대 여성비하 및 이상성격에 의한 행동이 아님을 유념할 것.
신고
Creative Commons License
Creative Commons License
Posted by anisci


티스토리 툴바