Как вы можете воспроизвести звук для работы во всех браузерах?

Question

В настоящее время я разрабатываю систему чата. Как можно воспроизвести звук (например, трескучий звук) при получении сообщения, совместимого с несколькими браузерами? Что-то подобное существует? Я хочу, чтобы шум / время шума было похоже на Facebook.

Answer 1

Тег <audio> является хорошим способом воспроизведения звука в HTML5, но имеет два недостатка:

1. Это не будет работать со старыми веб-браузерами
2. Не все веб-браузеры поддерживают все аудиоформаты

Чтобы обойти проблему с аудиоформатом, мы можем поместить несколько версий звука таким образом, чтобы веб-браузеры, не поддерживающие одну версию, переходили к следующей:

<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 - один из них, который обеспечивает хорошую поддержку кросс-браузеров, включая старые браузеры, которые не поддерживают тег <audio через Flash-откат.

Answer 2

Я считаю звуковой менеджер лучшим кросс-браузерным решением: http://www.schillmania.com/projects/soundmanager2/