1

iPad用のEPUBファイルでオーディオを再生したいのですが。画像をクリックすると、音声が再生されて一時停止します。画像も変わるはずです。

4

2 に答える 2

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')"/>

実際の例を見たい場合は、「Story Wheel」(http://www.storywheelapp.com/) (無料) をダウンロードしてストーリーを作成し、作成したストーリーの ePub バージョンを自分宛てにメールで送信してください。

まもなく「自動再生」バージョンをリリースする予定です。どう考えているか教えてください。

アンディ

于 2011-08-17T15:35:06.507 に答える
1

画像の部分がわかりません。EPUB for iPad で と タグを使用できます。Liz Castro のブログに役立つ情報がいくつかあります。

于 2011-05-19T08:56:32.843 に答える