Лучший способ встроить аудио в веб-страницу? - PullRequest
Новая
       12

Лучший способ встроить аудио в веб-страницу?

5 голосов
/ 21 июня 2011

Я знаю, я знаю.Это звучит ужасно, но это то, что хочет клиент, и они очень настроены на эту идею.Теперь пришло время выяснить, как лучше всего это сделать.Flash был бы идеальным вариантом, но клиент хочет избежать его использования.

Это цифровой аудиофайл, поэтому я могу преобразовать его в любой формат, который может упростить задачу (например, MP3 или OGG), но он должен поддерживать IE8+, FF 3.5+, Safari и Chrome как минимум.Он должен автоматически воспроизводиться, иметь скрытые элементы управления (я знаю, я знаю) и, надеюсь, он будет зацикливаться.

Я бы склонялся к HTML5 audio , но я не уверен, что IE8 будет поддерживатьэто (хотя я полагаю, что для IE8 я мог бы использовать условные комментарии?).

Любые идеи о лучшем способе?

PS - я знаю, я знаю.

1 Ответ

5 голосов
/ 21 июня 2011

Вот решение, которое я выбрал.Он работает с IE7, IE8, IE9, FF3.5, FF4, Safari и Chrome. 

<audio id="background_audio" autoplay="autoplay">
  <source src="static/audio/clip.ogg" type="audio/ogg" />
  <source src="static/audio/clip.mp3" type="audio/mpeg" />
</audio> 

<!--[if (!IE)|(gte IE 9)]>
<a href="#" onclick="document.getElementById('background_audio').muted = true; return false">mute sound</a>
<![endif]-->

<!--[if lt IE 9]>
<bgsound id="background_snd" src="static/audio/clip.mp3" autostart="true" loop="1">
<a href="#" onclick="document.all['background_snd'].src=''; return false">mute sound</a>
<![endif]-->
...