스마일 서브
단독서버 동영상 업로드/공유(배포) 웹 페이지
(주)스마일서브 글로벌사업본부 CDN사업팀
본 웹페이지를 만들게 된 계끼는 서버에 대한 배경 지식이 거의 없고, 웹상에서 간편하게 동영상을 올려
운영중인 카페에 동영상을 게시하고 싶다고 하여 제작하게 되었습니다.
동영상 파일 업로드, 관리(목록확인/삭제), 재생, 배포(소스제공)할 수 있도록 제작한 웹 페이지입니다.
1. 서버환경
CentOS 6.x,
APM (Apache 2.4.x, PHP 5.3.x, MySQL 5.6.x)
업로드 프로그램 (Uploadify)
미디어 플레이어 (Video-js)
※ PHP 업로드 최대 크기 이슈
PHP POST 제약사항으로 최대 2GB 까지 웹에서 올릴 수 있으며, 그 이상의 파일은 FTP 를 통해 업로드 하면 됩니다.
최근에 발표한 PHP 5.6.x 버전에서는 2GB 오버해서 업로드가 가능합니다.
2. 구축사항
– ID,PW 인증 가능한 동영상 관리 페이지
– 동영상 업로더 페이지
– 폴더 분리하여 목록 표시
– 동영상 재생 플레이어
– 공유 배포
– 파일 삭제
3. 서비스 플로우
4. 웹페이지 접속
– 동영상 관리 페이지를 접속하기 위해 미리 발급받는 ID, PW 를 넣고 인증과정을 거칩니다.
– 로그인 후 보이는 메인 페이지로 환영메세지, 로그아웃, 현재 폴더 위치, 이동 가능한 폴더 리스트,
동영상 업로드시 주의사항, 업로드 버튼, 동영상 리스트로 구성되어 있습니다.
– 폴더 위치 이동 : SELECT Media Folder 에서 구분된 폴더로 이동 가능하며, 실제 서버쪽 폴더와 연계되어 있습니다.
– 파일 업로드 : 인코딩된 상태의 영상을 업로드 하며, 안내된 권장 사항에 적합하지 않은 파일은 재생할 수 없습니다.
– 업로드 버튼을 클릭하면 업로드 화면으로 전환되며, 서버측에 저장되는 파일명은 랜덤하게 생성, 저장됩니다.
– 동영상 재생 및 공유화면 전환 : 리스트에서 제목을 클릭하거나 PLAY 버튼 아이콘을 클릭합니다.
– 상단부터 플레이어, 목록으로 돌아가기 버튼, 동영상 공유를 위한 URL 복사 (소스 복사) 버튼, 하단에는 동영상 소스 박스가 배치되어 있습니다.
– 동영상 공유 및 배포 : URL 복사 버튼을 눌러 동영상 소스를 복사하거나 하단 박스에서 동영상 소스를 복사하여 배포할 곳에 붙여넣습니다.
– 파일 삭제 : 리스트에서 삭제하고자 하는 동영상 오른쪽에 DEL 을 누르게 되면 즉시 파일이 삭제됩니다.
– 로그아웃 : 모든 작업이 끝나 로그아웃하고 싶다면, 제일 상단 환영메세지이 오른쪽 [로그아웃]을 클릭하면 로그인 화면으로 빠져나갑니다.
아래는 다른 서버에 썸네일 추출 버전으로 만들어본 것입니다.
썸네일 추출할 수 있도록 FFMPEG 등 프로그램이 서버측에 설치되어 있어야 합니다.
[polldaddy rating=”7739789″]