html - 在 HTML 5 中单击图像时添加声音

Question

我的 html 页面上有一张图片，我希望它在我点击它时播放声音效果。
这是图像代码:

<img src="images/button1.png" width="32" height="32" onclick="alert();">

我想将警报框更改为我加载的声音效果。我该怎么做？

Answer 1

好吧，这并不容易，实际上仅使用 HTML 很难完成。见 here更多细节。

您将面临各种问题，例如:

不同的浏览器有不同的音频格式支持。

如果浏览器
不支持的文件格式，没有音频将无法播放
插入。

如果用户的电脑上没有安装插件，
音频不会播放。

如果将文件转换为其他格式，它
仍然无法在所有浏览器中播放。

使用超链接

如果网页包含指向媒体文件的超链接，大多数浏览器将使用“帮助应用程序”来播放文件。

以下代码片段显示了指向 mp3 文件的链接。如果用户单击该链接，浏览器将启动一个帮助应用程序来播放该文件:

<a href="horse.mp3">Play the sound</a>

我认为最好的解决方案是使用 Flash 播放声音，即将链接作为 Flash 对象/按钮/文本，并在 Adob​​e Flash 中悬停/单击/等时为它们分配声音。