EPUB 미디어 오버레이 3.0을 재생하는 방법

Question

미디어 오버레이의 모든 자습서에 누락되었거나 누락 되었습니까? XHTML 느릅 나무에서

1. 가 texte를 포함; MediaOverlay를 만들려면

   모든 튜토리얼은 우리가해야한다고 말한다

   <header><h1><span class="audio" id="c001s0000">Chapter 1. Loomings.</span></h1></header> 
   <p> 
   <span class="audio" id="c001s0001">Call me Ishmael.</span> 
   <span class="audio" id="c001s0002">Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world.</span> 
   

   ... 연관된 .smil에

2. ;

   <seq id="id1" epub:textref="chapter_001.xhtml" epub:type="bodymatter chapter"> 
   <par id="sentence0"> 
       <text src="chapter_001.xhtml#c001s0000"/> 
       <audio src="audio/mobydick_001_002_melville.mp4" clipBegin="0:00:21" clipEnd="0:00:28"/> 
   </par> 
   <par id="sentence1"> 
       <text src="chapter_001.xhtml#c001s0001"/> 
       <audio src="audio/mobydick_001_002_melville.mp4" clipBegin="0:00:28" clipEnd="0:00:30"/> 
   </par> 
   <par id="sentence2"> 
        <text src="chapter_001.xhtml#c001s0002"/> 
       <audio src="audio/mobydick_001_002_melville.mp4" clipBegin="0:00:30" clipEnd="0:00:44"/> 
   </par> 
   

3. 오디오 (.mp4)가 있어야하는 위치에 저장됩니다. (오디오/mobydick_001_002_melville.mp4)

.xhtml과 .smil 사이 4/연결이 섹션, OPF 파일로 수행됩니다

<item id="xchapter_001" href="chapter_001.xhtml" media-type="application/xhtml+xml" media-overlay="chapter_001_overlay"/> 
<item id="chapter_001_overlay" href="chapter_001_overlay.smil" media-type="application/smil+xml"/> 
<item id="xchapter_002" href="chapter_002.xhtml" media-type="application/xhtml+xml" media-overlay="chapter_002_overlay"/> 
<item id="chapter_002_overlay" href="chapter_002_overlay.smil" media-type="application/smil+xml"/> 

확인, 우리 모두의 완료,하지만 문제 미디어 오버레이를 재생하는 방법은 무엇입니까? 오디오 파일을 시작하고 텍스트를 강조하는 방법? iBooks 응용 프로그램의이 "시작 읽기"버튼은 무엇을합니까?

Answer 1

이것은 매우 늦게 답변이지만 다른 사람들이 알고있는 "시작 읽기"버튼은 smil 파일에서 순차적으로 항목을 가져 와서 작업합니다. 따라서 첫 번째 작업은 오디오 파일을 0:00:21부터 재생하고 텍스트에서 "Call me Ishmael"을 강조 표시하는 것입니다.

Answer 2

당신의 CSS에 스타일을 추가하십시오 (스타일 시트) :

 

    .-epub-media-overlay-active { 
     color: #dc4c37; 
    }