通过JavaScript为iPad播放音频EPUB

Question

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

Answer 1

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

Answer 2

我们使用我们保存为'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')"/> 

如果你想看一个真实的例子，下载“故事轮”（免费），创建一个故事，然后给你自己发送一个ePub版本的故事创建。

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

Andy