amara를 통해 유튜브영상에 자막 달기

amara는 기존의 유튜브 영상에 원하는 언어의 자막을 제3자가 추가할 수 있게 합니다.

* amara사이트내 혹은 임베디드 코드내에서만 동작합니다

유튜브 이외도 html5 지원서비스면 되긴할건데 제가 테스트해본 게 유튜브 밖에 없어요.

 

유튜브는 커뮤니티 자막이란게 있었지만 얼마전 서비스 종료한 걸로 알고 있습니다.

 

말로는 이해가 어려우실 거 같아 제가 작업한 자막영상을 아래에 올립니다.  해당 영상으로 제가 얻는 수익은 일체 없음을 알려드립니다. 저는 free라이센스로 사용하고 있어요.

 

원본영상에 amara를 사용해 직접 코멘트 및 전체 가사 번역한 한글자막을 달았습니다.

한국어 자막을 끄고 켜려면 CC를 눌러서 감상해주세요

 

성우 라이브 영상에 4시간 이상 들여서 번역 및 싱크 맞춰서 넣었네요....

 

아무튼 위에서 영상을 재생해보면 기존의 영상은 유지한채로 위에 자막을 씌우는 개념임을 알 수 있습니다.

굳이 영상을 재업로드한다는 식으로 타 채널의 수익창출을 방해하지 않을 수 있는 장점이 있죠.

 

간단한 사용법을 알려드립니다.

일단 amara.org에 가입 후 +ADD videos를 하면 아래와 같이 영상 URL과 비디오의 언어(말하기)를 선택합니다.

 

Add new subtitles에 번역(현지화한) 언어를 선택하고 추가를 누릅니다.

아래와 같이 자막 에디터가 나왔는데 전 기본적으로 subtitle edit로 작업하기에 자막한 영상을 바로 업로드합니다.

영상 우하단에 보이는 연장 아이콘을 눌러 Upload subtitles를 클릭

- 그 다음 자막파일을 선택해 올리고 우 상단에  exit를 클릭

 

자막이 올려졌으면 해당 영상은 블로그나 홈페이지에 임베디드 가능합니다. Embed를 눌러 코드를 확인합니다.

그러면 코드가 두 개 보이는데 위의 태크는 body태그가 닫히는 곳과 가까운 곳, 아래 태그는 body태그내 아무곳에나 넣으면 됩니다.

 

뭔 소린지 모르겠다구요? =_=

블로그 기준으론 그냥 아래와 같이 달면 끝입니다.  당연 예시이므로 영상의 url이라던가 그런건 본인이 작업한 자막에서 Embed를 통해 확인후 넣어주세요.

 

밑에 data-로 시작하는 옵션은 본인 자유인데     

data-show-subtitles-default="true" 는 기본적으로 자막을 보이게 할꺼냐고
     data-initial-language="ko" 는 기본 자막언어입니다.

 

 

예시코드) 티스토리 같은 경우 그냥 아래와 같은 형식으로 넣어주면 끝입니다. 위에 <script로 시작하는 태그는 아무데나 넣어줘도 되요.

 

<p>
<script type="text/javascript" src="https://amara.org/embedder-iframe"></script>
</p>
<p>원본영상에 amara를 사용해 직접 코멘트 및 전체 가사 번역한 한글자막을 달았습니다.</p>
<div class="amara-embed" data-url="http://www.youtube.com/watch?v=Zf8kX8SJVHg" 
     data-show-subtitles-default="true"  
     data-initial-language="ko"
     data-team="null"> </div>

 

 

그럼 아래와 같이 자막이 씌워진 영상이 보입니다.

 

아쉬운 점이 있다면 태그가 제한적인건지 아예 기본적인 자막 태그가 안 먹는지 배경색 없애고 우하단 정렬같은 건 못하네요. 그래도 이렇게 현지화 가능한게 어딘가 싶습니다.