비디오에 장 마커 추가

단일 비디오나 적응형 비디오 집합에 장 마커를 추가하여 장편 비디오를 더 쉽게 보거나 탐색할 수 있습니다. 사용자는 비디오를 재생할 때, 비디오 타임라인(비디오 스크러버라고도 함)에 있는 장 마커를 클릭하여 쉽게 관심 영역으로 이동하거나 즉시 새 컨텐츠, 데모, 자습서 등으로 이동할 수 있습니다.

참고: 사용하는 비디오 플레이어가 장 마커 사용을 지원해야 합니다.

Universal_HTML5_Video 뷰어(HTML5)에서 장 탐색 큐 포인트 및 장 제목 팝업 텍스트를 구성하려면 비디오 뷰어 사전 설정 추가 또는 편집 을 참조하십시오.

뷰어 사전 설정 추가 및 편집 을 참조하십시오.

원하는 경우 비디오 뷰어 사전 설정을 사용하지 않고 장이 포함된 자체 사용자 지정 비디오 뷰어를 만들고 브랜딩할 수 있습니다. 장 탐색을 사용하여 자신만의 HTML5 뷰어를 만드는 방법에 대한 자세한 내용은 Adobe Scene7 Viewer SDK for HTML5 가이드의 Adobe Scene7 Viewer SDK 에서 s7sdk.video.VideoPlayer 클래스 및 s7sdk.video.VideoScrubber 클래스에 있는 "Customizing Behavior Using Modifiers(수정자를 사용한 동작 사용자 지정)"을 참조하십시오.

Adobe Scene7 Viewer SDK 는 다음 위치에서 다운로드로하여 사용할 수 있습니다.

Adobe Developer Connection 에서 다운로드할 수 있습니다.

캡션을 만들 때와 마찬가지 방법으로 비디오에 대해 장 목록을 만듭니다. 즉, WebVTT 파일을 만듭니다. 그러나, 이 파일은 사용 중일 수 있는 모든 WebVTT 캡션 파일과는 구별되어야 합니다. 캡션과 장을 하나의 WebVTT 파일로 결합해서는 안 됩니다.

다음을 샘플을 장치 탐색으로 WebVTT 파일을 만드는 데 사용하는 형식의 예로 사용할 수 있습니다. 

WEBVTT 
Chapter 1 
00:00.000 --> 01:04.364 
The bicycle store behind it all. 
Chapter 2 
01:04.364 --> 02:00.944 
Creative Cloud. 
Chapter 3 
02:00.944 --> 03:02.937 
Ease of management for a working solution. 
Chapter 4 
03:02.937 --> 03:35.000 
Cost-efficient access to rapidly evolving technology.

위 예에서 1장 은 큐 식별자로서, 선택 사항입니다. 00:00:000 --> 01:04:364 라는 큐 시간은 장의 시작 시간과 종료 시간을 00:00:000 형식으로 지정합니다. 마지막 세 개의 숫자는 밀리초이며, 원하는 경우 000으로 둘 수 있습니다. The bicycle store behind it all 라는 장 제목은 장의 컨텐츠에 대한 실제 설명입니다. 큐 식별자, 큐 시작 시간, 장 제목은 모두 사용자가 마우스 포인터를 비디오의 타임라인에 있는 시각적 큐 포인트 위로 가져가면 비디오 플레이어의 팝업에 나타납니다.

HTML5 비디오 뷰어를 사용하고 있으므로, 사용자가 만드는 장 파일이 WebVTT(Web Video Text Tracks) 표준을 준수하도록 해야 합니다. 장 파일 이름 확장자는 .vtt입니다. WebVTT 캡션 표준에 대한 자세한 내용을 알 수 있습니다.

WebVTT: The Web Video Text Tracks format 을 참조하십시오.

비디오에 장 마커 추가

  1. Scene7 Publishing System 외부의 간단한 텍스트 편집기를 사용하여 비디오 장 파일을 만듭니다.

    참고: 영어 이외의 언어에서 비디오 장의 전역 지원을 받으려면, WebVTT 표준에 따라 지원할 각 언어에 대해 별도의 .vtt 파일과 호출을 만들어야 합니다.

  2. .vtt 파일을 UTF8 인코딩으로 저장하여 장 제목 텍스트의 문자 표현물과 관련한 문제를 방지합니다.

    일반적으로 장 VTT 파일의 이름은 비디오 파일과 동일하게 지정하고 여기에 chapters 를 추가합니다. 그렇게 하면 기존 웹 컨텐츠 관리 시스템을 사용하여 비디오 URL의 생성을 자동화하는 데 도움이 될 수 있습니다.

  3. Scene7 Publishing System에서 WebVTT 장 파일을 업로드합니다.

    파일 업로드 를 참조하십시오.

  4. 왼쪽의 [자산 라이브러리] 패널에서 업로드한 장 파일과 연결하려는 비디오 파일이 들어 있는 자산 폴더를 탐색합니다.

  5. [자산 찾아보기] 패널에서 단일 비디오 자산을 선택하고 자산의 썸네일 이미지 아래에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

  6. [뷰어 목록] 표에서 Univeral_HTML5_Video 라는 HTML5 뷰어를 찾고 다음 중 하나를 수행합니다.

    • 팝업 비디오 뷰어 환경의 경우 이름의 오른쪽 끝에 있는 [URL 복사] 를 클릭합니다.

      복사한 비디오 URL을 다음 구문에 추가하여 복사한 캡션 파일 URL과 연결합니다.

      &navigation= <full Copy URL path to the chapter navigation file .vtt>

    • 임베드된 비디오 뷰어 환경의 경우 이름의 오른쪽 끝에 있는 [임베드 코드] 를 클릭합니다.

      [임베드 코드] 대화 상자에서 [클립보드에 복사] 를 클릭합니다.

      HTML5 Universal_HTML5_Video 뷰어의 경우, 복사한 포함 코드를 다음에 추가합니다.

      videoViewer.setParam("navigation"," <full Copy URL path to the chapter navigation file .vtt> "