소개

FlipFlop은 비디오 기술을 고객의 제품에 적용하기 위한 SaaS 형태의 솔루션입니다. 단순히 동영상을 트랜스코딩하는 것부터 시작하여 다양한 니즈에 맞춰 고객의 어플리케이션에 라이브 스트리밍 기술을 적용할 수 있고 필요에 따라 비디오 기술을 통합합니다.

고객사에서 다양한 플랫폼에서 FlipFlop을 이용할 수 있도록 Android, iOS, Javascript에서 사용할 수 있는 SDK를 제공합니다.

1. 주요 서비스

FlipFlop은 라이브 스트리밍과 동영상 트랜스코딩 기능을 제공하고 있습니다.

라이브 스트리밍 서비스를 통해 고객사는 고객사 서비스의 사용자들이 누구나 쉽고 빠르게 라이브를 진행하고 보면서 채팅을 하도록 할 수 있습니다. 동영상 트랜스코딩 기능을 사용하여 고객사가 가지고 있는 동영상을 누구나 문제없이 볼 수 있도록 변환할 수 있습니다. 이를 통해, 사용자는 더 적은 데이터를 사용하고, 인터넷 환경이 좋지 않은 곳에서도 가능한 최적의 조건으로 영상을 볼 수 있습니다.

2. 고객 사례

a. 라이브 스트리밍

A 업체는 라이브 커머스 기능을 넣은 새로운 앱을 런칭하고자 하였습니다. 이를 위해, FlipFlop의 Mobile SDK(Android, iOS)를 사용하여 빠르게 자체 앱에 라이브 스트리밍 기능을 구축하였고, 라이브를 보는 화면은 FlipFlop의 Javascript SDK를 사용하여 WebView 기반으로 개발하였습니다.

또한 A 업체에서 추가로 원하는 기능을 저희에게 제안을 하였고 요쿠스는 이를 수용하여 빠르게 관련 기능을 개발하고 SDK에 적용하여 A 업체가 원하는 기능을 사용하여 라이브 송출을 할 수 있도록 적극 협업을 하였습니다.

b. 동영상 트랜스코딩

B 업체는 자체 제작 동영상을 쉽고 빠르게 배포하여 사용자에게 보여주고자 합니다. 기존에 자체 웹 사이트는 제공하고 있으나 동영상 처리에 대한 부분이 필요하였고 이를 위해 FlipFlop을 사용하고 있습니다.

사용 시나리오는 다음과 같습니다.

FlipFlop에 동영상을 업로드를 합니다.
FlipFlop은 동영상 파일 분석을 통해 트랜스코딩을 하여 사용자에게 알맞는 최적의 동영상 파일을 생성합니다.
생성된 파일의 URL을 B 업체에 알려줍니다.
B 업체는 자체 제작 웹 사이트에서 FlipFlop으로 받은 URL로 동영상을 플레이 합니다.

B 업체는 동영상 처리를 위한 부분을 직접 제작하고 관리하기 보다는 FlipFlop에 맡김 으로서 동영상 전문 업체인 요쿠스의 기술을 쉽고 빠르게 적용할 수 있었습니다.

3. Core Concept

a. 애플리케이션

라이브 기능을 포함하는 서비스를 만들려면 대시보드에서 회원가입 후 애플리케이션을 먼저 생성해야 합니다. 아래의 사용자, 라이브는 모두 애플리케이션 기준으로 동작합니다. (고객사에서 만드는 서비스와 애플리케이션이 1:1 대응이 되는 것으로 보면 됩니다.)

대시보드에서 하나 또는 원하는 만큼 여러개의 애플리케이션을 생성할 수 있고, 각각의 애플리케이션 별로 라이브와 사용자를 관리할 수 있습니다.

뒤에서 설명하겠지만 SDK 초기화시 애플리케이션의 App Key와 App Secret을 넣어주어야 합니다.

b. 사용자

라이브, 채팅등의 기능은 애플리케이션 내의 사용자를 기반으로 동작합니다. 따라서, 이 기능들을 사용하려면 사용자 로그인을 해주어야 합니다. 사용자 로그인은 SDK의 authorize 함수를 사용하여 이루어 지고 useId등의 사용자 정보(사용자 등록하기 섹션 참고)를 파라메터로 넣어줍니다. 각각의 사용자는 userId를 통해 구별되고, userId는 애플리케이션 내에서 유일한(unique) 값이어야 합니다.

(일반적으로 고객사에서 사용하는 사용자의 ID를 userId로 넣어줌으로서 고객사의 서비스 사용자와 FlipFlop에서의 사용자를 쉽게 매치할 수 있습니다.)

c. 라이브

사용자는 라이브를 하고 볼 수 있습니다. 라이브를 송출하는 경우 기본적인 카메라 제어 기능외에 송출 화면에 PIP나 필터등 다양한 효과를 적용할 수 있습니다. 또한, 라이브를 보는 사용자들끼리 채팅을 주고 받을 수 있습니다.

라이브를 할 때 특정 사용자는 내 라이브를 보지 않도록 하고 싶을 수 있습니다. 이러한 경우를 위하여 사용자 차단 기능이 있으며, 사용자가 불쾌감을 유발할 수 있는 단어를 채팅 메시지로 보내지 않도록 하기 위한 블록 기능이 있습니다. 사용자 차단과 단어 블록의 등록은 대시보드를 통해 할 수 있습니다.

d. 대시보드

FlipFlop을 사용해서 서비스를 제공하는 고객사의 관리자를 위한 웹 관리화면 입니다.

제공하는 기능은 다음과 같습니다.

라이브 관리
사용자 관리
라이브 관련 통계
애플리케이션 설정 관리

고객사 서버에서 FlipFlop의 라이브 관련 정보를 받아 보고 싶은 경우 [애플리케이션 > Settings] 의 콜백 설정에서 callback api를 등록할 수 있습니다. 세가지 타입의 API를 등록할 수 있으며 위에서 부터 순서대로 [라이브 시작시, 라이브 업데이트시, 라이브 종료시]의 경우 받아보기 위한 API 입니다.

4. Admin API

고객사의 자체 시스템에 통합하여 라이브나 동영상을 관리하고 싶을 수 있습니다. 이를 위해 FlipFlop은 어드민 용 API를 제공하고 있습니다. 자세한 관련 내용은 Platform API 항목에서 확인 하실 수 있습니다.