1

我想在 iPad 的 EPUB 文件中播放音频。音频应在单击图像时播放和暂停。图像也应该改变。

4

2 回答 2

3

我们使用我们保存为“audio-player.js”的以下 JS 代码。 

var channel_max = 12;   // number of channels
audiochannels = new Array();
for (a=0;a<channel_max;a++) { // prepare the channels
    audiochannels[a] = new Array();
    audiochannels[a]['channel'] = new Audio(); // create a new audio object
    audiochannels[a]['finished'] = -1; // expected end time for this channel
}
function play_multi_sound(s) {

    for (a=0;a<audiochannels.length;a++) {
        thistime = new Date();
        if (audiochannels[a]['finished'] < thistime.getTime()) {            // is this channel finished?
            audiochannels[a]['finished'] = thistime.getTime() + document.getElementById(s).duration*1000;
            audiochannels[a]['channel'].src = document.getElementById(s).src;
            audiochannels[a]['channel'].load();
            audiochannels[a]['channel'].play();
            break;
        }
    }
}

以下是如何使用它：

添加音频播放器js文件：

<script src="../js/audio-player.js" type="text/javascript"/>

在正文中添加音频标签：

<audio id="storyAudio1" preload="auto" src="../audio/page_1.caf"/>

添加带有 onClick 事件的图像：

<img src="../images/play-button.png" class="audioButton"
onclick="play_multi_sound('storyAudio1')"/>

如果您想查看真实示例，请下载“Story Wheel” (http://www.storywheelapp.com/)（免费），创建一个故事，然后通过电子邮件将您刚刚创建的故事的 ePub 版本发送给自己。

我们将很快发布一个“自动播放”版本，这对我们来说应该会更好一些。让我知道你的想法。

安迪

于 2011-08-17T15:35:06.507 回答
1

不确定图像部分。您可以在 EPUB for iPad 中使用和标记。在Liz Castro 的博客中可以找到一些很好的信息。

于 2011-05-19T08:56:32.843 回答