Pete LePage
Chrome 웹 스토어의 새로운 60 Minutes 또는 RedBull.tv 앱과 같이 나만의 사이트에 동영상을 게시하는 재미있고 멋진 방법을 찾고 계신가요? 동영상 플레이어 샘플 웹 앱이 출시되었다는 소식을 전해드립니다. 동영상 플레이어 샘플은 60 Minutes 및 RedBull.tv 앱과 동일한 아키텍처를 사용하여 빌드된 오픈소스 동영상 플레이어 웹 앱입니다. 맞춤설정하거나 확장하거나 즉시 사용하고 자체 콘텐츠로 채울 수 있습니다.
작동 방식
사용자가 동영상 플레이어 샘플을 열면 단일 동영상을 시청하거나 앱에 업로드하여 채운 목록에서 동영상/에피소드 재생목록을 만들 수 있습니다. 동영상 플레이어 샘플이 구성되고 동영상에 관한 정보는 JSON 파일 (각각 config.json 및 data.json)에 저장되며, 이 두 파일은 모두 데이터 디렉터리에 있습니다.
주요 특징
- 전체 화면 보기를 포함한 멋진 동영상 시청 환경
- 프로그램 구독, 에피소드 시청, 재생목록 만들기 기능
- 사용자의 브라우저에서 지원하는 형식에 따라 여러 동영상 형식 지원 (WebM, Ogg, MP4, Flash 대체 포함)
- 앱에서 제공되는 다양한 프로그램/카테고리의 개요가 포함된 카테고리 페이지
- 새 에피소드 알림 (Chrome 웹 스토어를 통해 앱이 설치된 경우)
- Google+, 트위터, Facebook에 공유하기 위한 기본 지원
- 쉽게 맞춤설정할 수 있도록 Photoshop PSD를 비롯한 모든 소스 파일이 포함되어 있습니다.
빌드 방법
동영상 플레이어 샘플은 HTML 및 JavaScript를 사용하는 개방형 웹 플랫폼용으로 작성되었으며 대략적으로 모델 뷰 컨트롤러 패턴과 구조를 따릅니다.
- 오픈소스 Google Closure JavaScript 라이브러리를 사용하여 빌드됩니다.
- Closure Compiler로 컴파일됨
- 알림을 활용하기 위해 Chrome 웹 스토어를 통해 배포됨
브라우저 지원
동영상 플레이어 샘플은 Chrome 웹 스토어를 통해 설치할 수 있는 앱으로 작동할 뿐만 아니라 모든 최신 브라우저에서 테스트를 거쳤으며 작동합니다.
사용해 보기
데모 앱에서 동영상 플레이어의 작동 방식을 확인할 수 있습니다. 앱의 작동 방식에 대해 자세히 알아보려면 문서를 확인하세요.
Google Code에서 코드를 가져올 수 있습니다.
자, 그러면 동영상을 시청해 볼까요?