0

iPadでのみ公開されるHTML5ベースのデジタルコミックに効果音を取り入れようとしています。シンプルな再生/一時停止ボタンを使いたい。私は一日中遊んでいますが、JavaScriptの知識が限られていることにまだ苦労しています。コミックと機能仕様へのリンクは次のとおりです。

http://spiritdigital.co.uk/outpost/issue-interactive/05.html

したい：

  • 特定のシーン（この場合は車のシーン）上にクリック可能な領域を配置します
  • クリックすると、サウンドが再生され、「再生」アイコンが一時停止アイコンに変わります
  • 2回目のクリック（サウンドの再生中）で、サウンドが一時停止し、アイコンが戻って再生されます
  • サウンドが終了すると、アイコンが再生に戻ります

これまでのところ、クリック可能な領域があり、その領域をクリックすると音が鳴りますが、残りはあなたの助けが必要です。

4

2 に答える 2

0

これがあなたが望むものです：デモ

基本的に、それぞれのアクションを実行すると、起動、再生、一時停止の2つのイベントがあります。ボタンの画像を切り替えるためにこれらにバインドしているだけです（この場合、画像シートであるため、背景の位置を変更するだけです）。

ご不明な点がございましたらお知らせください。

于 2012-07-03T17:43:31.527 に答える
0 
<audio id="myaudio">
    <source src="song.ogg" type="audio/ogg" />
    <source src="song.mp3" type="audio/mpeg" />
    Your browser does not support the audio element.
</audio>

曲を再生するには:

var audio = document.getElementById('myaudio');
audio.play();

一時停止：

audio.pause();

div の背景画像を変更するには:

var control = document.getElementById('yourdiv');
control.style.backgroundImage = 'pathtoanotherimage';
于 2012-07-03T17:04:10.683 に答える