HTML: воспроизводить звуки при наведении мыши или щелчке

Question

На моем сайте я хочу воспроизводить тики / щелчки, как звуки при наведении курсора мыши или при щелчках мышью Можно ли этого достичь?

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

Answer 1

Вы можете воспроизводить аудио с тегом или объектом или встраивать.Это лучший способ, как показано ниже.Вы можете управлять звуковым тегом с помощью JavaScript.

Вы можете управлять звуком, нажимая следующие кнопки:

Play Stop

И вы должны установить этот скрипт на

<script>
    $(document).ready(function() {
    var audioElement = document.createElement('audio');
    audioElement.setAttribute('src', 'audio.mp3');
    audioElement.setAttribute('autoplay', 'autoplay');
    //audioElement.load()
    $.get();
    audioElement.addEventListener("load", function() {
    audioElement.play();
    }, true);




    $('.play').click(function() {
    audioElement.play();
    });


    $('.pause').click(function() {
    audioElement.pause();
    });

     });

Но для ChromeВы не можете использовать .play () и .pause ().Вы должны использовать .Play () и .Stop.

Answer 2

См. Здесь все опции, которые есть у вас, если вы не хотите вспышку http://www.phon.ucl.ac.uk/home/mark/audio/play.htm

Javascript не может воспроизводить аудио, поэтому единственным из вышеперечисленных является единственный выход.

См. Ссылку 3 и 4 в приведенной выше ссылке, и вы можете активировать ее, вероятно, при наведении курсора мыши на JavaScript.

ИЛИ DHTML для воспроизведения звука http://webdesign.about.com/od/sound/a/play_sound_oncl.htm

Answer 3

Вы можете управлять элементом HTML5 <audio> из JavaScript.

Это не будет работать в IE 8 и ниже (не уверен насчет 9), ни в более старых версиях Firefox, Safari, Chrome иOpera.