html - 如何将音频添加到HTML图像?

标签 html audio onclick dreamweaver playback

我对这一切仍然是陌生的,但是我试图将音频mp3声音添加到HTML图像中,该图像在单击时会播放。我该怎么做呢?

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

我使用的是Dreamweaver CS6,在其中应该有一个选项“behaviour”(行为)->播放声音,但是它不存在,所以我迷失了所有这些。

最佳答案

您可以通过在图像Audio and Video DOM methods上单击working Demo play()pause()来实现

<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;" />

关于html - 如何将音频添加到HTML图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22604532/

相关文章:

javascript - 想要使用 javascript 从 css url 获取图像,这样我就可以设置背景图像的样式

iphone - 如何制作和播放程序生成的啁啾声

algorithm - 编码/解码 AMR

javascript - 检测第三方在线广告中的音频

javascript - 使用 Javascript 从提交时的多个列表项中收集多个属性值

Android ClickableSpan 获取文本 onClick()

html - 如何通过正文移动我的标题

javascript - JQuery 添加选项以动态选择 7 种不同的选择

android - 单击从 MYSQL 数据库获取的动态 ListView 的元素

html - 当 ionic 滚动高度太高时, ionic 应用程序无法完全向下滚动