설명서Dynamic Media Classic 안내서

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

Last update: Fri Apr 12 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

  • Intermediate
  • User

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

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

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

참조: 뷰어 사전 설정 추가 및 편집.

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

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

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

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

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

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

  3. Adobe Dynamic Media Classic에서 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>*"

recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26