0

我在一个页面上有 2 张图片，这些图片旨在在移动浏览器上打开，例如 chrome 和 safari。当有人单击其中一个图像时，他们会听到音频。我有这个音频控制，但我不知道如何将它合并到图像中，当有人点击图像时，他们会听到音频。

<audio controls>
  <source src="cat.ogg" type="audio/ogg">
  <source src="cat.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

<audio controls>
  <source src="dog.ogg" type="audio/ogg">
  <source src="dog.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

例如，当有人点击猫的图像时，我希望他们听到猫的声音。我有 ogg 和 mp3 两个版本。任何帮助深表感谢

4

1 回答 1

1

这是代码；

<audio id="aud">
    <source src="aud.ogg" type="audio/ogg" />
    <source src="aud.mp3" type="audio/mpeg" />
</audio>
<a href="#" onClick="document.getElementById('aud').play(); return false;">
  Link
</a>

但是在这里检查整个线程innerHTML会导致Chrome中不需要的滚动

于 2013-11-21T22:06:08.363 回答