通过JavaScript为iPad EPUB播放音频

时间:2011-04-30 17:59:31

标签: javascript ipad audio epub

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

2 个答案:

答案 0 :(得分: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')"/>

如果你想看一个真实的例子,下载“故事轮”(http://www.storywheelapp.com/)(免费),创建一个故事,然后给自己发送一个你刚刚创建的故事的ePub版本

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

安迪

答案 1 :(得分:1)

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