개요: 비디오에 캡션 추가

이 항목에서는 Brightcove Beacon의 캡션 작업에 대해 알아봅니다.

서문

동영상에 자막을 추가하여 액세스하려는 개인에게 추가 또는 해석 정보를 제공할 수 있습니다. 청각 장애인과 난청자가 비디오 프레젠테이션의 오디오 부분에 액세스할 수 있도록 자막이 필요합니다.

캡션의 예
캡션의 예

이러한 텍스트는 접근성, 오디오 트랙 또는 다른 목적의 번역을 제공하기 위해 사용될 수 있지만 사용되는 기본 기술은 동일합니다.

캡션 파일 위치

WebVTT 캡션 파일을 호스팅할 위치를 선택할 수 있습니다.

  1. 원격 URL에서 (원격 자산) -이 경우 WebVTT 파일은 서버에서 호스팅되며 파일의 URL을 비디오 메타 데이터에 추가합니다.
  2. Beacon을 사용하여 업로드 ( 인제스트 ) - 이 경우 WebVTT 파일이 Beacon에 업로드 (인제스트) 됩니다. 이것은 미디어 모듈을 사용하거나 API를 사용하여 수행 할 수 있습니다.

비디오와 캡션 연결

캡션 파일을 비디오와 연결하는 방법에는 여러 가지가 있습니다.

  1. 스튜디오 사용
  2. 플레이어 게시 코드 수정
  3. API 사용

비디오에 대한 캡션 자동 생성

Brightcove Beacon은 비디오에 대한 캡션을 생성할 수 있습니다. 자세한 내용은 비디오용 캡션 생성을 참조하십시오.

스튜디오에 캡션 추가하기

캡션은 미디어 모듈을 사용하여 비디오와 연결할 수 있습니다. 자세한 내용은 미디어 모듈을 사용하여 비디오에 캡션추가를 참조하십시오 .

플레이어 게시 코드 수정

이 경우 플레이어 게시 코드에<track>태그가 추가됩니다. 자세한 내용은 프로그래밍 방식으로 비디오에 캡션추가를 참조하십시오 .

API를 통해 캡션 추가

API를 통해 캡션을 추가하는 방법은 캡션 파일을 수집할지 아니면 원격 자산으로 사용할지에 따라 달라집니다.

  • 원격 자산 캡션 -캡션을 직접 호스팅하려는 경우 (또는 캡션을 호스팅하는 캡션 제공자가있는 경우) CMS API를 사용하여 캡션을 비디오와 연결할 수 있습니다. 자세한 내용은 CMS API 사용을 참조하십시오. WebVTT 캡션을 추가합니다 .

  • Brightcove Beacon에 캡션 추가 - Brightcove에서 캡션을 호스트하도록 하려면 Dynamic Ingest API를 사용하여 WebVTT 파일을 수집할 수 있습니다. 자세한 내용은 WebVTT 파일 인제스팅을 참조하십시오 .

캡션 제거

미디어 모듈을 사용하거나 CMS API를 통해 비디오에서 캡션을 제거할 수 있습니다. Studio에서 미디어 모듈을 열고 비디오 속성을 편집합니다. 필요에 따라 [ 텍스트 트랙]속성을 편집합니다.

캡션은 다음을 사용하여 제거할 수도 있습니다. CMS API만들어서비디오 업데이트요청 및 빈 요청 본문 제출text_tracks배열(또는 해당 캡션 집합과 연결된 객체가 제거된 배열).

캡션 스타일 지정

CSS를 사용하여 WebVTT 캡션에 스타일을 적용할 수 있습니다. 자세한 내용은스타일링 캡션을참조하십시오.