播放声音和图像

Question

目前我正在开发一个非常简单的页面，例如“可怕的迷宫”。我在 Photoshop 中有 2 张相同的图像，并进行了微小的编辑。该人必须找到 3 个差异才能跳到下一个级别。诀窍是当他发现差异时，它会显示一个带有声音的可怕图像。

我想用 HTML、JS 和 PHP 构建页面。我知道所有类似的页面都是用 Flash 制作的，但由于我没有任何经验，因此无法使用它进行开发。

我知道有一个加载时间（当声音或图像位存储在计算机内存中时），我需要找到一种方法来在没有加载的情况下同时显示所有内容。它必须随着音效立即弹出。

其实（有这个经验）我想我需要用CSS规则来隐藏绝对位置的可怕图像，并用JS检查它是否已经加载（<img src="" onload="g_imgLoaded++" />）。这是将图像位存储在内存中然后弹出图像的好方法吗？音效呢？我应该如何加载它？

Answer 1

是的，那会奏效。同样，您可以在带有preload="auto" 的页面上添加<audio> 元素，以确保在需要时加载声音。没有什么比延迟更能破坏企图的恐慌了。