我想在iPad的EPUB文件中播放音频。音频应该在点击图像时播放和暂停。图像也应该改变。
答案 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中可以找到一些好的信息。