2

在所有媒体叠加教程中都缺少它还是我缺少它？

为了制作 MediaOverlay，所有教程都说我们应该：

  1. 在 xhtml 中包含文本；

    <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>

    ...

  2. 在相关的 .smil 中；

    <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）

4/ .xhtml 和 .smil 之间的关联在 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 应用程序的“开始阅读”按钮有什么作用？ 在此处输入图像描述

4

2 回答 2

0

这是一个非常晚的回复，但对于其他人来说，“开始阅读”按钮将从 smil 文件中按顺序获取项目并对其进行处理。所以第一个动作是从 0:00:21 开始播放音频文件，并从文本中突出显示“Call me Ishmael”。

于 2016-08-26T22:14:12.110 回答
-1

请在您的 CSS（样式表）中添加样式：

    .-epub-media-overlay-active {
        颜色：#dc4c37；
    }
于 2016-11-16T04:37:47.820 回答