0

我正在尝试将音效合并到基于 HTML5 的数字漫画书中，该漫画书将仅针对 iPad 发布。我想使用一个简单的播放/暂停按钮。我整天都在玩，但我仍然在为我有限的 JavaScript 知识而苦苦挣扎。这是漫画和功能规范的链接：

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

我想要：

  • 在特定场景（在本例中为汽车场景）上有一个可点击区域
  • 单击时，会播放声音，“播放”图标变为暂停图标
  • 在第二次单击时（播放声音时），声音暂停并且图标切换回播放
  • 如果声音结束，图标变回播放

到目前为止，我有可点击区域，并且在点击该区域时会播放声音，但我需要您的帮助才能完成其余的工作。

4

2 回答 2

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 回答
0

这就是你想要的：DEMO

基本上，当您执行相应的操作时，会触发、播放和暂停两个事件。我只是绑定到这些来切换按钮图像（在这种情况下，我只是更改背景位置，因为它是图像表）。

任何问题让我知道。

于 2012-07-03T17:43:31.527 回答