ffl-player

기본적인 UI와 기능들은 Video.js를 래핑하여 사용하였습니다. 따라서 Video.js의 사용법과 유사합니다. 이 프로젝트는 기본 비디오 재생에서 부터 DRM과 같은 다양한 기능을 지원하기 위한 ffl-player 라이브러리 프로젝트입니다.

Install

CDN은 아직 지원하고 있지 않습니다. NPM과 YARN과 같은 패키지 매니저를 이용하여 라이브러리를 다운받아주세요

npm i ffl-player

Quick Start

Player

자세한 코드를 보고 싶다면 sample-code를 확인해주세요

Videojs가 익숙하지 않으면 Getting Started와 documentation 에서 더 많은 정보를 확인할 수 있습니다

const options = {};

const player = fflPlayer('my-player', options, function onPlayerReady() {
  videojs.log('Your player is ready!');

  player.src('http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4');

  // 여기의 this는 videojs instance를 가리킵니다.
  this.play();

  // 이곳에 바로 이벤트를 등록할 수 있습니다.
  this.on('ended', function () {
    videojs.log('Awww...over so soon?!');
  });
}).getPlayer();

DRM (지원 준비중)

현재 DRM 관련 기능은 준비중입니다.

FFL Player는 Widevine, FairPlay, PlayReady와 같은 CDM을 사용하여 멀티 DRM을 지원하고 있습니다.

브라우저의 DRM 지원에 관한 정보는 멀티 DRM 지원에서 확인할 수 있습니다.

1. 비디오 등록

• 보고 싶은 FlipFlop Lite의 비디오를 등록합니다.

2. DRM URL 발급 및 재생

• 먼저 스트리밍 토큰과 등록된 비디오의 권한을 확인합니다. 권한이 있는 사용자는 FlipFlop Lite Server에서 API를 통해 직접발급 받거나 플레이어에서 제공하는 기능을 통해 제공 받을 수 있습니다.

License

ffl-player is licensed under the Apache License, Version 2.0.