비디오에 챕터 마커 추가 adding-chapter-markers-to-video

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

주제:

작성 대상:

중간
사용자

장 마커를 단일 비디오나 응용 비디오 세트에 추가하여 긴 형식의 비디오를 더 쉽게 보고 탐색할 수 있습니다. 사용자가 비디오를 재생할 때 비디오 타임라인에서 챕터 마커를 선택할 수 있습니다(비디오 스크러버라고도 함). 이렇게 하면 관심 영역으로 쉽게 이동하거나 새로운 콘텐츠, 데모, 튜토리얼 등으로 바로 이동할 수 있습니다.

NOTE

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

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

뷰어 사전 설정 추가 및 편집도 참조하세요.

캡션을 만들 때와 마찬가지 방법으로 비디오에 대해 장 목록을 만듭니다. 즉, 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.

위의 예에서 Chapter 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: 웹 비디오 텍스트 트랙 형식을 참조하세요.

비디오에 챕터 마커를 추가하려면:

Adobe Dynamic Media Classic 외부의 간단한 텍스트 편집기를 사용하여 비디오 챕터 파일을 만듭니다.

note note
NOTE
영어 이외의 언어로 비디오 챕터를 전역으로 지원하려면 WebVTT 표준을 사용하려면 지원하려는 각 언어에 대해 별도의 `.VTT` 파일과 호출을 만들어야 합니다.

VTT 파일을 UTF8 인코딩으로 저장하여 챕터 제목 텍스트의 문자 렌디션 문제를 방지할 수 있습니다.

일반적으로 챕터 VTT 파일의 이름을 비디오 파일과 같은 이름으로 지정하고 chapters과(와) 함께 추가합니다. 이렇게 하면 기존 웹 컨텐츠 관리 시스템을 사용하여 비디오 URL의 생성을 자동화하는 데 도움이 될 수 있습니다.
Adobe Dynamic Media Classic에서 WebVTT 챕터 파일을 업로드합니다.

파일 업로드를 참조하십시오.
왼쪽의 자산 라이브러리 패널에서 업로드한 챕터 파일과 연결할 비디오 파일이 포함된 자산 폴더로 이동합니다.
[에셋 찾아보기] 패널에서 단일 비디오 에셋을 선택한 다음 에셋의 썸네일 이미지 아래에서 미리 보기 > 뷰어 목록 을 선택합니다.
[뷰어 목록] 표에서 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>*"

recommendation-more-help

ba789e76-bace-4e0e-bd26-52691fb2cb26