单击链接时播放声音

Question

我编写了一个小型网络应用程序，但缺少一些很酷的功能。我想在用户单击链接时播放声音，但播放声音后继续导航到链接指向的 URL。

有什么想法吗？

Answer 1

虽然追求酷是一个值得追求的理想，但我强烈建议不要在用户单击链接时（或任何时候！）播放声音。作为用户和网络开发人员，这会让我对后退按钮感到惊讶。仅仅几分钟后，我就会机智地认为我只是时间旅行到了 1990 年代中期的

编辑

，除非你想要复古的东西，就像这样：（我非常怀疑你不是）

http://www2.warnerbros.com/spacejam/movie/jam.htm

编辑 II

嗯...好吧我想游戏的存在会改变一些事情。我建议将 click 事件与 jquery 绑定，以将声音文件附加到 dom，如下所示：

$('a').click(function(){
    $('body').append('<embed src="/path/to/your/sound.wav" autostart="true" hidden="true" loop="false">');
    pause(1000);   //Number of milliseconds to pause
    window.location = http://www.asdf.com //new url to go to
});
function pause(milliseconds) {
    var dt = new Date();
    while ((new Date()) - dt <= milliseconds) { /* Do nothing */ }
}

Answer 2

使用 JavaScript 将 onclick 处理程序附加到链接。此函数需要：

1. 注入或激活 Flash 影片或其他能够播放音频的对象。 JavaScript 本身没有音频生成功能。

2. 启动计时器，在适当的延迟后重定向到链接的原始位置，以加载和播放声音。使用 window.location 将浏览器重定向到 URL。

3. return false 可阻止默认点击操作（离开页面）发生得太快而导致声音无法播放。