从我的网站播放声音的最佳方式是什么？答案

【问题标题】：What's the best way to play a sound from my website?从我的网站播放声音的最佳方式是什么？
【发布时间】：2010-09-09 20:58:41
【问题描述】：

我知道它通常不受欢迎，但在这种情况下，我认为它实际上可能会有所帮助。当我的网站上发布新项目时，我想播放一点“叮”的声音。当然，我会留下关闭它的选项。

现在我应该用 JavaScript 来做这件事吗？ jQuery会有帮助吗？还是我应该使用 Flash？寻找与不同浏览器广泛兼容的东西。指向代码示例或库的链接会很有帮助。

【问题讨论】：

【解决方案1】：

是的，使用jQuery Media plugin - 它就是这样做的:)

【讨论】：

【解决方案2】：

警告...我不确定这在现代浏览器中是否仍然有效。但是我过去几年所做的只是简单地写出一个嵌入标签，并以音频文件作为源，ala：

document.write( '<embed src="some.wav"></embed>');

并且声音会在添加到页面时播放。它实际上用于聊天系统，似乎工作正常。话虽如此，我毫不怀疑有更现代的、flash 或 ajaxy 的方式来做到这一点。但是，如果您找不到其他解决方案，这可能对您有用。

【讨论】：

即使这可行……它似乎也不是一个非常优雅的解决方案。例如，预加载在哪里？
我说的不是光盘上的书籍，只是一个几百字节大小的哔哔声。性能甚至从未成为它的问题。我大约在 10 年前就这样做了，早在 jquery、flash 10 和所有这些好东西之前。哎呀，如果用户有 javascript，你就很幸运了！
实际上，稍作修改......这可能是要走的路。只需像这样在页面上的某个地方嵌入声音，隐藏它，关闭自动启动并重复，然后当你想播放它时，只需在对象上调用.Play()，而不是嵌入几十个这样的东西。很简单，而且似乎有效。 phon.ucl.ac.uk/home/mark/audio/play.htm

【解决方案3】：

您可能应该查看 HTML5 中的 <audio> 标记，然后将其优雅地降级为 flash/embed。对于更高级的音频控制，FF4 beta 已经实现了完整的音频 API，文档在这里：

这可能是网络音频的发展方向，但为了获得更广泛的支持，您应该优雅地将其降级为闪存/嵌入解决方案。

今天，我认为 FF3.5+、Safari3+ 和 Chrome3+ 支持 <audio> 标签，但你应该仔细检查 Safari 的编解码器。

【讨论】：