'미디어 오버레이'에 해당되는 글 1건

  1. 2018.09.15 미디어 오버레이 샘플 & Sigil로 만드는 방법 7
posted by 내.맘.대.로 2018. 9. 15. 18:18

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

안녕하세요.

 
간만에 문의가 들어와 설명드립니다.
 
미디어 오버레이를 만들고 싶다는 내용이었어요.
미디어오버레이는 전자책 낭독이라고 생각하면 쉽습니다.
성우가 녹음한 MP3 파일을 텍스트에 단어나 문장, 문단 단위로 매칭시키는 기능이에요.
 
요즘 미디어 오버레이 파일을 매주 5~6권식 만들고 있는데 음성 시간 맞추는게 고역이네요.
음성 시간만 맞추면 나머지는 그리 어렵지 않습니다.
 
설명은 샘플 파일 MO_모비딕_sample.epub 파일로 하겠습니다.
IDPF에서 공식 배포하는 MO(Media Overlay) 샘플 파일을 조금 수정했어요.
 
MO가 무엇인지 궁금하시면
 
MP3로 녹음한 내용을 책의 텍스트와 싱크시켜 MP3가 읽어주는 부분을 하일라이트 하는 기술입니다.
어학책이나, 유아동 책, 낭독 시집 같은 책에 유용해요.
요즘 뜨고 있는 오디오북도 이 기능을 활용할 수있습니다.
 
밀리의서재 리딩북이 MO를 활용한 서비스예요.
 
1. EPUB2 로 되어 있다면 EPUB3로 수정하세요.
미디어 오버레이는 EPUB3부터 지원합니다. 그러니 EPUB2 파일은 EPUB3로 변경을 해야합니다.
 
참고  EPUB2를 EPUB3로 변환해 보자
 
2. smil 파일을 만들자
 
smil 파일은 이렇게 되어 있습니다.
아래 내용을 그대로 복사한 후 수정해 사용하셔도 되요.
========

<?xml version="1.0" encoding="utf-8" ?>

<smil version="3.0" xmlns="http://www.w3.org/ns/SMIL" xmlns:epub="http://www.idpf.org/2007/ops"><body><seq 

epub:textref="../Text/chapter_001.xhtml"

 epub:type="chapter" id="id1">

<!--미디어 오버레이 처리가 될 본문 파일 주소입니다-->

 

<par id="heading1">

<text src="../Text/chapter_001.xhtml#c01h01"/>

<audio clipBegin="

0:00:24.500

" clipEnd="

0:00:29.268

src="../Audio/mobydick_001_002_melville.mp4"/

>

</par>

<!--오디오 한 구간의 시작과 끝입니다.

예를 들어

It is a way I have of driving off the spleen and regulating the circulation.

라는 부분을 MP3와 싱크시키고 싶다면 MP3에서 이 부분이 시작되는 시간(clipBegin)과 끝나는 시간(clipEnd)을 적어줍니다.

그리고 이 본문의 위치와 ID를 이 부분에 넣어줍니다. 본문 ID는 뒤에서 설명드릴게요.

<text src="../Text/chapter_001.xhtml#c01h01"/>

 

끝으로 MP3 파일의 위치를

src="../Audio/mobydick_001_002_melville.mp4"

여기에 넣어줍니다.

 

-->

 

<par id="word1"><text src="../Text/chapter_001.xhtml#c01w00001"/>

<audio clipBegin="0:00:29.268" clipEnd="0:00:29.441" src="../Audio/mobydick_001_002_melville.mp4"/>

</par>

 

<!--오버레이 처리가 되야 하는 문단이 2개 이상일 경우 par ID를 변경해 줘야 합니다. ID는 word1, word2, word3... 등 편집자가 임의로 지정해 줄 수 있습니다. -->

<par id="

word1

">

</seq>

</body>

</smil>

=========

 
smil 파일은 책 전체를 하나의 파일로 만들 수 있고, 각 챕터별로 나눠서 만들 수 있습니다.
작업하는건 각 챕터별로 나누는게 편해요.
 
 
3. smil 파일이 준비되었다면 opf 파일을 수정합니다.
 
3.1 duration 추가
<metadata>....</metadata>
 
이 사이에 아래 내용을 추가합니다.
 
<meta property="media:duration" refines="#chapter_001_overlay">0:10:00.000</meta><meta property="media:duration">0:10:00.000</meta><meta property="media:active-class">-mp3-active</meta>
 
파란색은 한번, 빨간색은 파일 수만큼 들어가야 합니다.
 
예를 들어 챕터가 2개이고 smil 파일을 2개 만들었다면
<meta property="media:duration" refines="#chapter_001_overlay">0:10:00.000</meta><meta property="media:duration" refines="#chapter_002_overlay">0:10:00.000</meta><meta property="media:duration">0:20:00.000</meta><meta property="media:active-class">-mp3-active</meta>
 
이렇게 되야합니다.
 
3.2 media overlay 속성 추가
 

<item id="xchapter_001" href="Text/chapter_001.xhtml" media-type="application/xhtml+xml" 

media-overlay="chapter_001_overlay"

/>

 

오버레이가 연결된 본문 파일의 item 항목을 찾아 media-overlay="MO_file_ID"를 추가해 줍니다.

파일 ID는 item 에서 확인할 수 있습니다.

 

<item 

id="chapter_001_overlay" 

href="Misc/chapter_001_overlay.smil" media-type="application/smil+xml"/>

 

4. 본문에 MO ID 추가

 

이제 본문에 Media Overlay ID를 추가하면 끝납니다.

1번에서 이런 부분이 이런 부분이 있었어요.

 

<par id="heading1">

<text src="../Text/chapter_001.xhtml#c01h01"/>

 

경로 제일 끝에 있는 #c01h01 이게 오버레이 ID입니다.

본문 한 문장씩 mp3를 끊었다면 ID 하나가 문장 하나가 될거예요.

 

<span id="c01s0006">

With a philosophical flourish Cato throws himself upon his sword; I quietly take to the ship.

</span> <span id="c01s0007">

There is nothing surprising in this.

</span>

 

본문 문장을 찾아 smil에서 끊은 구간에 맞게 ID를 연결해 줍니다.

 

복잡해 보이지만 하나씩 천천히 따라해 보면 어렵지 않습니다.

그리고 Sigil의 찾아바꾸기 기능을 이용하면 책 한권 문장을 싱크하는 것도 그리 오래 걸리지 않아요.

물론, MP3 자르는건 시간을 줄일 수 없지만 ㅜ.ㅜ

MO_모비딕_sample.epub
다운로드

 

 

반응형