如何向 HTML 图像添加音频？

Question

我对这一切仍然很陌生，但我正在尝试将音频 mp3 声音添加到 HTML 图像中，单击时会播放该图像。我怎样才能正确地做到这一点？

我已经尝试过一些东西，比如 '' 标签，或者安装基于 java 的东西，比如 soundmanager2，但是它们似乎都不起作用。问题是，我不知道如何正确使用它们。

我使用的是 Dreamweaver CS6，其中应该有一个选项“行为”--> 播放声音，但它不存在，所以我对这一切感到迷失。

Answer 1

您可以使用音频和视频 DOM 方法 play()以及pause()图像工作演示的 onclick 来实现这一点

<audio id="audio_play">
    <source src="http://www.w3schools.com/tags/horse.ogg" type="audio/ogg" />
    <source src="http://www.w3schools.com/tags/horse.mp3" type="audio/mpeg" />
</audio>

<img src="http://bit.ly/1kX7D49" onClick="document.getElementById('audio_play').play(); return false;" />

<img src="http://bit.ly/1mq0tIt" onClick="document.getElementById('audio_play').pause(); return false;" />