如何在所有浏览器上播放声音？

Posted 2023-02-25

【中文标题】如何在所有浏览器上播放声音？

【英文标题】：How can you play a sound to work on all browsers?

【发布时间】：2011-10-08 22:25:57

【问题描述】：

我目前正在设计一个聊天系统。当收到跨浏览器兼容的消息时，如何播放声音（如爆裂声）？有这样的事吗？我想拥有与 Facebook 类似的噪音/噪音时间。

【问题讨论】：

打开这个链接会解决***.com/questions/15483455/…

【参考方案1】：

<audio> 标签是一种很好的 html5 播放声音的方式，但有两个缺点：

它不适用于旧版网络浏览器 并非所有网络浏览器都支持所有音频格式

为了解决音频格式问题，我们可以放置多个版本的声音，这样会导致不支持一个版本的网络浏览器跳到下一个版本：

<audio controls="controls">
  <source src="sound.mp3" type="audio/mp3" />
  <source src="sound.ogg" type="audio/ogg" />
  Sorry, your web browser does not support sound.
</audio>

有一些库可以让这个过程变得更简单，让你有更多的控制权。 jPlayer 是其中之一，它提供了良好的跨浏览器支持，包括不支持通过 Flash 回退的 <audio 标记的旧浏览器。

【参考方案2】：

我发现声音管理器是最好的跨浏览器解决方案：http://www.schillmania.com/projects/soundmanager2/