Воспроизведение аудио через JavaScript для iPad EPUB - PullRequest
Новая
       15

Воспроизведение аудио через JavaScript для iPad EPUB

1 голос
/ 30 апреля 2011

Я хотел бы воспроизвести аудио в своем файле EPUB для iPad. Звук должен воспроизводиться и приостанавливаться при нажатии на изображение. Изображение также должно измениться.

Ответы [ 2 ]

3 голосов
/ 17 августа 2011

Мы используем следующий код JS, который мы сохранили как 'audio-player.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 только что созданной истории.

Мы скоро выпустим версию с автоматическим воспроизведением, которая должна работать немного лучше для нас. Дайте мне знать, что вы думаете.

Andy

1 голос
/ 19 мая 2011

Не уверен насчет части изображения.Вы можете использовать и теги в EPUB для iPad.Некоторую полезную информацию можно найти в блоге Лиз Кастро .

...