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