链接单击时播放声音

时间:2011-02-04 05:47:12

标签: php javascript html audio hyperlink

我已经编写了一个小型Web应用程序但是缺少一些很酷的功能。我希望在用户点击链接时播放声音,但在播放声音后继续导航到链接指向的URL。

有什么想法吗?

2 个答案:

答案 0 :(得分:5)

虽然追求酷感是值得理想的,但我强烈建议反对在用户点击链接时播放声音(或在任何时候!)。作为用户和Web开发人员,这会让我惊讶于后退按钮。只有几分钟后,我才会诙谐地认为我只是时间旅行到了1990年代中期

修改

除非你想要复古的东西,比如:(我非常怀疑你不是)

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

编辑II

嗯......好吧我猜一场比赛改变了一些事情。我建议使用jquery绑定click事件,将声音文件附加到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 */ }
}

答案 1 :(得分:1)

使用JavaScript将onclick处理程序附加到链接。此功能需要:

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

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

  3. return false停止默认点击操作(离开页面)发生声音太快而无法播放声音。