티스토리 뷰

제공처

YouTube Direct Lite - Google Code


소개

자사의 유튜브에 사용자들이 동영상을 전송하고

그 전송들에 대해서 회사는 관리(승인/거절)를 할 수 있게 제공해주는 꾸러미.


기존 YouTube Direct(유튜브 더렉트)는 Java App Engine이 필요하였으나

YouTube Direct Lite(유튜브 더렉트 라이트)는 HTML/CSS/JS 만으로 구성되어 편리해졌습니다.


사용자 측면에서는 아래와 같이 업로드 폼을 제공받게 됩니다.
구글측에선 iframe 코드로 제공해 주며 전송 위젯이라 칭합니다.

웹캠이 달려있다면 녹화하여 업로드도 가능합니다.

사용자가 전송 위젯을 통해
회사 유튜브 채널 재생목록에 동영상을 올렸다면
회사의 관리자는 아래와 같은 관리자 페이지를 통해
동영상 관리(승인/거절)를 할 수 있습니다.


다운받기

이 글 상단의 제공처에 가서 Download 눌러봤자 아무것도 없습니다.
상단 메뉴 중 WiKi 클릭 후 HostingYourOwnInstance 눌러보면 아래와 같이 git 경로가 나옵니다. clone 명령으로 내려받으면 됩니다.

git clone https://code.google.com/p/youtube-direct-lite


준비하기

1. 도메인으로 접근 가능한 웹서버

2. 구글 API Access 등록, Client ID 발급. (새창)

3. 구글 Code 대쉬보드에서 개발자 키 발급. (새창)


설정하기

youtube-direct-lite/static/js/ytdl/config.js 파일을 열고

OAUTH2_CLIENT_ID: ''
DEVELOPER_KEY: ''

들을 해당 변수 위의 주석에 있는 경로를 참고로 하여 등록 후 발급 받고 입력 후 저장하여 줍니다.


관리자 페이지

이제, 관리자 페이지에 접근하여 봅시다.

웹브라우저를 열고 "자신의 도메인/youtube-direct-lite/static/admin.html" 으로 이동.

아래 스샷과 같은 페이지가 나타날 것이며 재생목록이 없다면 재생목록을 만들어줍니다.

재생목록이 만들어졌으면 해당 재생목록을 클릭하여 들어갑니다.

아래와 같은 관리 페이지가 나타날 것입니다.
전송 위젯 추가를 위해 다음의 HTML 코드 라고 되어 있는 코드로
사용자들이 업로드할 부분을 넣을 HTML 파일에 삽입하여 줍니다.

사용자 페이지

위의 전송 위젯 코드가 삽입된 HTML 페이지를
웹브라우저로 접속해 봅니다.


부록
git clone 하여 받았던 파일들은 인코딩이 ANSI로 되어 있었고 영어로 되어 있었습니다.
번역 가능한 부분들 한글로 번역하고 UTF-8 인코딩으로 변경한 소스 파일을 첨부합니다.

youtube-direct-lite.utf-8.zip


참고
문제 (2013-02-03) : 
https://code.google.com/p/youtube-direct-lite/issues/detail?id=10
사용자가 로그인 > 동영상 업로드 > 업로드 영상 > Video Submit 하여도
Admin 페이지 대기열에 나타나지 않는 문제 존재.
사용자의 Video Submit 문제인지 Admin 대기열 리스팅 문제인지 추적해봐야 할 듯.

댓글