15
미디어서버 사용자 가이드

미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상

미디어서버 사용자 가이드

Page 2: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상

목차

01. 개요

1-1 프로그램 아키텍쳐

02. 미디어 사이트 이용

2-1 로그인, 계정 관리

2-2 메인 페이지

2-3 동영상 관리 페이지

2-4 동영상 상세 페이지

2-5 설정변경

Page 3: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상

1-1 프로그램 아키텍쳐

01. 개 요

05

File DB (Sql Lite)

동영상 관리

관리사이트 Widnows Media Service 실시간 스트리밍

간편한 동영상 공유 QR code iFrame

다양한 디바이스 지원

인코딩 동영상관리

인코딩

H.264

MP4

워터

마크

실시간

동영상

서비스

Page 4: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상

2-1 로그인, 계정 관리

1) 최초 사이트 접속 시 기본 사용자 계정이 세팅됩니다. User Name : mmsadm PWD : test1234ok

2) 사이트 관리자는 1명만 허용됩니다.

3) 기본 계정을 사용하는 경우 로그인 후 설정변경 페이지로 연결됩니다.

4) 기본 계정의 경우 모든 서비스 사용자에게 동일하게 적용되는 것이므로 서비스 사용 시 필히 변경해 주시기 바랍니다. (기본계정으로 로그인 시 설정 변경 페이지로 연결 )

5) 새로운 User Name 과 Password 를 설정하시면 메인 페이지로 연결됩니다.

02. 미디어 사이트 이용

05

Page 5: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상

2-2 메인 페이지

1) 로그인 후 서비스 이용 현황의 요약 정보 확인합니다.

2) 좌측 상단의 Cafe24 로고를 클릭하면 연결됩니다.

3) 원본파일을 클릭하면 “동영상 관리” 페이지로 이동합니다.

4) 이용현황을 클릭하면 업로드된 동영상 상위 8개 항목에 대한 정보 열람이 가능합니다.

5) 최근 업로드된 동영상의 썸네일이 표시되고 클릭 시 해당 동영상의 상세 페이지로 이동합니다.

02. 미디어 사이트 이용

05

2)

3)

4)

5)

Page 6: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상

2-3 동영상 관리 페이지

1) 메뉴바의 “동영상관리” 링크를 클릭하여 페이지 이동합니다.

2) 카테고리 선택 카테고리 선택 시 .해당 카테고리의 목록으로 전환됩니다.

3) 새로운 원본 동영상을 등록합니다.

4) 현재 표시되는 동영상 목록의 페이징 개수를 조절합니다.

5) 동영상제목, 태그 정보를 기준으로 검색된 결과를 표시합니다.

6) 동영상 목록이 표시됩니다. 테이블 헤더를 클릭하면 클릭된 내용에 따라 정렬이 변합니다. 가장 최근에 등록한 내용이 우선으로 표시됩니다. “Delete” 버튼을 이용하여 원본과 인코딩본 삭제가 가능합니다. 줄의 어느 부분이든 클릭하면 “동영상 상세 페이지”로 이동합니다.

7) 페이징 처리 부분입니다.

02. 미디어 사이트 이용

05

2) 3)

4)

1)

7)

5)

6)

Page 7: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상

2-3 동영상 관리 페이지

1) 동영상 등록은 Web Upload, ftp Upload 두개 탭으로 구성되어 지원가능합니다.

2) Web Upload 의 경우 사이트에서 바로 파일 여러 파일을 올릴 수 있도록 지원되고 파일당 최대 용량은 500M 입니다.

3) Ftp upload 는 별도의 Ftp Client 를 이용하여 업로드된 동영상을 인코딩 서버쪽에 관리 가능하도록 연동하는 기능이 지원됩니다.

02. 미디어 사이트 이용

05

1)

2) 3)

Page 8: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상

2-3 동영상 관리 페이지 (Web Upload)

1) 동영상 등록을 위한 기본 정보를 설정합니다. .

2) 여러 파일 선택하여 업로드 기능을 지원합니다. 파일당 최대 용량은 1GB 입니다.

3) 올리려는 목록이 확정되면 업로드 시작 버튼을 이용하여 동영상 업로드를 시작합니다.

02. 미디어 사이트 이용

05

1)

2) 3)

Page 9: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상

2-4 동영상 상세 페이지

1) 동영상의 제목이 표시됩니다. 제목 옆 연필모양 아이콘을 클릭하여 해당 동영상의 제목 및 설명을 바꿀 수 있습니다.

2) 동영상의 세부 정보들을 표시합니다.

3) 새로운 인코딩 형식을 추가 할 수 있습니다. 5) 인코딩 목록에 추가된 인코딩을 확인이 가능합니다.

4) 표시될 대표 이미지 선택이 가능합니다.

5) 인코딩된 동영상의 정보가 표시됩니다. 좌측의 플레이 아이콘을 클릭하여 인코딩 된 동영상 확인 가능합니다.

6) 인코딩 된 동영상의 관리 기능입니다. “Delete” 버튼을 이용하여 해당 인코딩된 동영상을 삭제합니다. “자동시작” 을 이용하여 인코딩된 동영상의 링크 이동시 바로 시작되도록 처리합니다. “자동 리플레이” 를 이용하여 해당 동영상의 반복 플레이를 선택합니다. “사용여부”를 이용하여 해당 인코딩 동영상을 삭제하지 않고 외부 이용을 차단합니다.

7) 동영상 공유를 위한 QrCode 생성 버튼입니다. 버튼 클릭 시 해당 인코딩 동영상의 플레이 주소에 해당하는 새로운 QrCode 이미지가 생성되고 다운로드 링크 버튼으로 전환됩니다.

8) 동영상 공유를 위한 인코딩 동영상의 인터넷 주소 링크입니다.

02. 미디어 사이트 이용

05

2) 3)

4)

7)

1)

5) 6)

8)

Page 10: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상

2-4 동영상 상세 페이지

1) 워터 마크 설정여부가 표시됩니다. 인코딩될 동영상에 워터마크 이미지 표시 여부를 결정합니다. 워터마크는 설정변경, 워터마크 설정 페이지에서 이미지 선택이 가능합니다.

2) “인코딩 화질” 을 선택할 수 있습니다. 프레임 수를 조정하여 인코딩 결과 파일의 크기를 줄일 수 있습니다. High : 원본 프레임 적용 Mid : 원본 보다 낮은 프레임 적용 Low : 인식할 수 있는 최소 프레임 적용

3) 해상도 선택을 통해서 인코딩 될 동영상의 크기를 조정할 수 있습니다 해상도는 원본 사이즈 이하로만 조정 가능합니다.

4) Close를 클릭하면 레이어 창이 닫힙니다. Encoding 을 선택하면 해당 설정에 따른 동영상 인코딩이 시작됩니다. 인코딩 중을 표시하는 이미지

02. 미디어 사이트 이용

05

2)

3)

4)

1)

Page 11: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상

2-4 동영상 상세 페이지

1) 대표 이미지 선택 버튼을 이용하여 해당 동영상의 대표 이미지를 교체할 수 있습니다. 동영상의 10등분 시점의 썸네일 이 자동 생성되고 필요에 따라 이미지 선택이 가능합니다.

02. 미디어 사이트 이용

05

1)

Page 12: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상

2-5 설정변경

1) 사용자 메뉴를 클릭하여 설정변경 페이지로 이동

2) 좌측의 Category 관리 항목을 클릭하여 해당 페이지로 이동합니다.

3) 새로운 카테고리 생성이 가능합니다.

4) 현재 선택 가능한 카테고리 목록이 표시됩니다.

5) 수정, 삭제 기능으로 연결됩니다. 삭제 시 해당 카테고리에 등록된 동영상이 있는 경우 삭제되지 않습니다.

02. 미디어 사이트 이용

05

1)

2) 3)

4) 5)

Page 13: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상

2-5 설정변경 – waterMark 경로 수정

1) 사용자 메뉴를 클릭하여 설정변경 페이지로 이동

2) 좌측의 watermark 설정 항목을 클릭하여 해당 페이지로 이동합니다.

3) 현재 사용중인 워터마크 이미지가 표시됩니다. 워터마크 이미지는 인코딩된 동영상 우측 하단에 표시됩니다.

4) 새로운 워터 마크 이미지를 업로드 하기 위한 파일 선택 버튼이 표시됩니다.

5) 워터 마크 저장됩니다. 저장 후 새로운 워터마크 이미지 교체되었는지 확인할 수 있습니다. 워터 마크 이미지는 하나만 사용 가능합니다.

02. 미디어 사이트 이용

05

1)

2) 3)

4) 5)

Page 14: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상
Page 15: 미디어서버 사용자 가이드 - img.cafe24.comimg.cafe24.com/manual/TechFiles/cafe24_mobile.pdf · 1-1 프로그램 아키텍쳐 01. 개 요 05 File DB (Sql 서비스Lite) 동영상