Кросс-платформенный, кросс-браузерный способ воспроизведения звука с использованием jQuery 1.4

Question

Я пытаюсь заставить jQuery воспроизводить звук при наведении / щелчке элемента. (Это как флеш сайт без флеша)

Я пробовал методы, рекомендованные в Кроссплатформенный, кросс-браузерный способ воспроизведения звука из Javascript? , плагин jQuery Sound и несколько других учебных пособий безуспешно. Я предполагаю, что это потому, что они не обновлялись с 2008 года.

У кого-нибудь есть рекомендации?

Answer 1

Не нужно ничего из этого. HTML-тег в сочетании с JavaScript поможет.

<audio id="soundHandle" style="display: none;"></audio>
<script>
  soundHandle = document.getElementById('soundHandle');
  soundHandle.src = '/blah/blah.mp3';
  soundHandle.play();
</script>

Answer 2

На самом деле это невозможно сделать по-настоящему кросс-браузерным способом, так как, например, iPhone будет воспроизводить звук только на выделенной странице проигрывателя. Однако некоторые плагины в других ответах должны работать для большинства (настольных) браузеров.

Answer 3

Аудио тег не работал для меня в некоторых браузерах, поэтому я так и сделал:

function playBuzzer(){
        $("body").append("<embed src='/web/sounds/Buzz.mp3' autostart='true' loop='false' width='2' height='0'></embed>");
}

Всякий раз, когда я хочу воспроизвести звук (onmouseover, onclick, onload ...), я вызываю эту функцию.

Answer 4

попробуйте это: http://swaggplayer.no.de/demos это использовать вспышку, чтобы воспроизвести звук или этот http://www.schillmania.com/projects/soundmanager2/

Answer 5

http://codecanyon.net/item/fancy-music-player-v20-jquery-plugin/498071?ref=1stwebdesigner

Плеер работает следующим образом - сначала он определяет, установлен ли Flash Player 9 или выше. Если да, то будет использоваться скрытый флэш-фильм (swf), который общается через JavaScript с пользовательским интерфейсом HTML. Если Flash Player не установлен, будет использоваться новый звуковой движок HTML5, который поддерживается всеми iToys (iPhone, iPad и т. Д.).