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) は本来あるべき場所に保存されます。(audio/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"/>

OK、これですべて完了ですが、問題はメディア オーバーレイを再生する方法です。オーディオファイルを開始してテキストを強調表示する方法は? iBooksアプリの「読み始める」ボタンは何をするのですか？ ここに画像の説明を入力

4

2 に答える 2

-1

css (スタイルシート) にスタイルを追加してください:

    .-epub-media-overlay-active {
        色: #dc4c37;
    }
于 2016-11-16T04:37:47.820 に答える