Media Overlays

data.txt

_MO_DUR
10.134
_MO_AUDIO_FILES
audio1.mp3
audio2.mp3
-SLIDE
_MO_DUR
04.610
_MO_SMIL
AUDIO audio1.mp3
    TXT #txt1
    BEGIN 00.500
    END 01.048
    TXT #txt2
    END 02.979
AUDIO audio2.mp3
    etc...

A simple syntax to build basic talking books
("read aloud")

Beginner's tip: use an audio editing tool (e.g. Audacity) to mark and export the synchronisation timestamps.

(requires EPUB3 reading system)

NO-MARKDOWN <div class="boxed framed"> <h3>data.txt</h3> <p class="code" style="font-size: 0.74em;"> <span class="pale-blue"> _MO_DUR</span> <br> <span class="pale-greenx"> 10.134</span> <br> <span class="pale-blue"> _MO_AUDIO_FILES</span> <br> <span class="pale-greenx"> audio1.mp3</span> <br> <span class="pale-greenx"> audio2.mp3</span> <br> <span class="pale-red"> -SLIDE</span> <br> <span class="pale-blue"> _MO_DUR</span> <br> <span class="pale-greenx"> 04.610</span> <br> <span class="pale-blue"> _MO_SMIL</span> <br> <span class="pale-greenx"> AUDIO audio1.mp3 <br>     TXT #txt1 <br>     BEGIN 00.500 <br>     END 01.048 <br>     TXT #txt2 <br>     END 02.979 <br> AUDIO audio2.mp3 <br>     etc... </span> </p> </div> <div class="auto incremental fade-active" style="font-size: 1.1em; margin-top: -16em; width: 15em; margin-left: 10em; text-align: center;" data-incremental-delay="1000"> <p id="txt1"> A simple syntax to build basic <strong><em>talking books</em></strong> <br> ("read aloud") </p> <p id="txt2"> Beginner's tip: use an audio editing tool (e.g. Audacity) to mark and export the synchronisation timestamps. </p> <p id="txt3" style="font-size: 80%; margin-top: 1.5em;"> (requires EPUB3 reading system) </p> </div>

NO-MARKDOWN
<div class="boxed framed">
<h3>data.txt</h3>
<p class="code" style="font-size: 0.74em;">
<span class="pale-blue">
    _MO_DUR</span>
<br>
<span class="pale-greenx">
10.134</span>
<br>
<span class="pale-blue">
    _MO_AUDIO_FILES</span>
<br>
<span class="pale-greenx">
audio1.mp3</span>
<br>
<span class="pale-greenx">
audio2.mp3</span>
<br>
<span class="pale-red">
    -SLIDE</span>
<br>
<span class="pale-blue">
    _MO_DUR</span>
<br>
<span class="pale-greenx">
04.610</span>
<br>
<span class="pale-blue">
    _MO_SMIL</span>
<br>
<span class="pale-greenx">
AUDIO audio1.mp3
<br>
&nbsp;&nbsp;&nbsp;&nbsp;TXT #txt1
<br>
&nbsp;&nbsp;&nbsp;&nbsp;BEGIN 00.500
<br>
&nbsp;&nbsp;&nbsp;&nbsp;END 01.048
<br>
&nbsp;&nbsp;&nbsp;&nbsp;TXT #txt2
<br>
&nbsp;&nbsp;&nbsp;&nbsp;END 02.979
<br>
AUDIO audio2.mp3
<br>
&nbsp;&nbsp;&nbsp;&nbsp;etc...
</span>
</p>
</div>
<div class="auto incremental fade-active" style="font-size: 1.1em; margin-top: -16em; width: 15em; margin-left: 10em; text-align: center;"  data-incremental-delay="1000">
<p id="txt1">
A simple syntax to build basic <strong><em>talking books</em></strong>
<br>
("read aloud")
</p>
<p id="txt2">
Beginner's tip: use an audio editing tool (e.g. Audacity) to mark and export the synchronisation timestamps.
</p>
<p id="txt3" style="font-size: 80%; margin-top: 1.5em;">
(requires EPUB3 reading system)
</p>
</div>