弹跳球作为音频媒体覆盖

时间:2016-11-16 05:39:43

标签: javascript html5 css3

我想用音频对每个单词进行反弹。在媒体覆盖的所有教程中是否缺少它或者我错过了吗?

要制作MediaOverlay,所有教程都说我们应该:

    xhtml中的
  1. 包含文字;

    第1章Loomings。

    叫我以实玛利。 几年前 - 没关系 - 我的钱包里有多少钱或没有钱,而且没有什么特别值得我在岸上感兴趣的东西,我想我会稍微航行一下,看看世界上水的部分。

    < / LI>
  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"/>
    

  5. 并在css中提到:

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

  6. 我的问题是,我们可以为每个单词制作一个弹跳球媒体覆盖,而不是突出显示文本。

0 个答案:

没有答案