비디오에 캡션 추가

단일 비디오나 적응형 비디오 집합에 캡션을 추가하여 비디오 사용을 세계 시장으로 확장할 수 있습니다. 캡션을 추가하면 여러 가지 각 언어로 오디오를 다시 녹음하기 위해 오디오를 더빙하거나 원어민이 투입될 필요가 없어집니다. 비디오는 녹음된 언어로 재생됩니다. 외국어 자막이 표시되기 때문에 다른 언어를 사용하는 사람들도 오디오를 이해할 수 있게 됩니다.

또한 캡션을 사용하면 귀가 들리지 않거나 난청인 사람들을 위한 청각 장애용 캡션을 통해 액세스 가능성이 더 커집니다.

참고: 사용하는 비디오 플레이어가 캡션 표시를 지원해야 합니다.

캡션 효과를 구성하고, 다음 뷰어들의 메뉴 텍스트를 포함하여 캡션 메뉴 자체를 편집하려면 비디오 뷰어 사전 설정 추가 또는 편집 을 참조하십시오.

  • Universal_HTML5_Video 뷰어(HTML5).

  • Universal_HTML5_MixedMedia_dark 뷰어(HTML5).

  • Universal_HTML5_MixedMedia_light 뷰어(HTML5).

  • Video_Caption 뷰어(Flash AS3).

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

Flash AS3 뷰어 사전 설정에 현지화 지원 추가 를 참조하여 현지화 지원을 비디오 캡션 뷰어에 추가할 수 있습니다.

원하는 경우 비디오 뷰어 사전 설정을 사용하지 않고 캡션이 포함된 자체 사용자 지정 비디오 뷰어를 만들고 브랜딩할 수 있습니다. 캡션을 사용하여 자신만의 HTML5 뷰어를 만드는 방법에 대한 자세한 내용은 Adobe Scene7 Viewer SDK for HTML5 안내서의 Adobe Scene7 Viewer SDK 에서 s7sdk.video.VideoPlayer 클래스 및 s7sdk.common.ClosedCaptionButton 클래스를 참조하십시오.

또는, 캡션을 사용하여 자신만의 Flash AS3 뷰어를 만들려면, 역시 Adobe Scene7 Viewer SDK 에 있는 Adobe Scene7 Viewer SDK for Adobe Flash 를 참조하십시오.

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

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

Scene7에는 캡션 파일을 JSON(JavaScript Object Notation) 형식으로 변환하는 기능이 있습니다. 이 변환은 JSON 텍스트를 숨겨져 있지만 완전한 비디오의 스크립트로서 웹 페이지에 포함할 수 있음을 의미합니다. 이렇게 되면 검색 엔진이 컨텐츠를 탐색하고 색인화하여 비디오를 더 쉽게 검색할 수 있도록 하고, 고객에게 비디오 컨텐츠에 대한 추가적인 세부 정보를 제공할 수 있습니다.

URL에서의 JSON 함수 사용에 대한 자세한 내용은 Scene7 이미지 제공 API 도움말에서 정적(비이미지) 컨텐츠 제공 을 참조하십시오.

비디오에 캡션을 추가하려면

  1. 사용하고 있는 뷰어 유형에 따라 Scene7 Publishing System의 외부 타사 애플리케이션을 사용하여 캡션 비디오 캡션 파일을 만들 수 있습니다.

    뷰어 유형

    캡션 파일

    HTML5

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

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

    Scene7 Publishing System 외부에서 캡션 파일을 작성하는 데 사용할 수 있는 도구 및 서비스에는 무료와 유료 제품이 모두 있습니다. 예를 들어, 스타일이 없는 간단한 비디오 캡션 파일을 만들려면, 다음의 무료 온라인 캡션 작성 및 편집 도구를 사용할 수 있습니다.

    WebVTT Caption Maker

    최상의 결과를 얻으려면, Internet Explorer 9 이상, Google Chrome 또는 Safari에서 도구를 사용하십시오.

    도구의 Enter URL of video file(비디오 파일의 URL 입력) 필드에서 비디오 파일의 URL을 붙여넣은 다음 Load(로드) 를 클릭합니다.

    예를 들어, 비디오 파일에 대해 Scene7 URL을 사용하는 경우, SPS에서 개별 비디오 자산(적응형 비디오 집합이나 마스터 비디오가 아님)을 두 번 클릭하여 [세부 사항 보기]에서 엽니다. [세부 사항 보기]의 오른쪽 패널에서 URL 및 포함 코드 를 확장합니다. 그런 다음 [모바일] 그룹 아래의 [모바일(점진적)] 오른쪽에 있는 URL 복사 를 클릭합니다. 이 프로세스에서는 Enter URL of video file(비디오 파일의 URL 입력) 필드 에 붙여넣을 수 있는 URL을 비디오 파일 자체에 제공합니다. 그러면 Internet Explorer, Chrome 또는 Safari가 비디오를 기본적으로 재생할 수 있습니다. 이제 사이트에서 제공하는 화면의 지침에 따라 WebVTT 파일을 작성하고 저장합니다. 끝나면, 캡션 파일 컨텐츠를 복사하여 일반 텍스트 편집기에 붙여 넣고 .vtt 파일 이름 확장자로 저장합니다.

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

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

    Flash AS3

    Flash 비디오 뷰어를 사용하는 경우, DFXP(Distribution Format Exchange Profile) 표준이나 SMPTE(Society of Motion Picture & Television Engineers) 표준을 준수해야 합니다.

    캡션 표준에 대한 자세한 내용은 다음을 참조하십시오.

    Timed Text DFXP

    SMPTE

    필요한 형식 및 표준을 지원하는 권장 캡션 도구 및 캡션 서비스에 대한 자세한 내용을 알아보려면 Adobe Flash 액세서빌러티 설계 지침 을 참조하십시오.

    캡션 XML 파일의 예는 샘플 캡션 파일 을 참조하십시오.

    여러 언어를 지원하려는 경우 캡션 파일에 각 언어에 대해 반복되는 언어 섹션을 저장할 수 있습니다. 각 언어에 대한 개별 캡션 파일을 만들 필요가 없습니다.

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

  2. Scene7 Publishing System에서 WebVTT, DFXP 또는 SMPTE XML 캡션 파일을 업로드합니다.

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

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

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

  5. [뷰어 목록] 표에서, Univeral_HTML5_Video , Universal_HTML5_MixedMedia_dark 또는 Universal_HTML5_MixedMedia_light 라는 HTML5 뷰어를 찾거나, Video_Caption 이라는 Flash AS3 뷰어를 찾은 후, 다음 중 하나를 수행합니다.

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

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

      &captionasset=<캡션 파일 .vtt의 전체 URL 복사 경로,1>

      캡션 URL 경로의 끝에 있는 ,1 에 주목하십시오. 경로에서 .vtt 파일 이름 확장자 바로 뒤에 나오는 이것은 각각 1 또는 0 으로 설정하여 비디오 플레이어 막대에 있는 폐쇄 캡션 단추를 활성화 또는 비활성화하는 옵션입니다.

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

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

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

      document.write('<param name="captionasset" value=" companyname / captionfilename ">');

      또는

      HTML5 Universal_HTML5_Video , Universal_HTML5_MixedMedia_dark 또는 Universal_HTML5_MixedMedia_light 뷰어의 경우에는, 복사한 포함 코드를 다음과 같이 추가합니다.

      videoViewer.setParam("caption","<캡션 파일 .vtt의 전체 URL 복사 경로,1>"

      URL 경로의 끝에 있는 ,1 에 주목하십시오. URL 경로에서 .vtt 파일 이름 확장자 바로 뒤에 나오는 이것은 각각 1 또는 0 으로 설정하여 비디오 플레이어 막대에 있는 캡션 단추를 활성화 또는 비활성화하는 옵션입니다.