通過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