Пожалуйста, помогите с добавлением звука на мой сайт - по щелчку мыши

Question

Я пытаюсь добавить звук на свой веб-сайт при нажатии на ссылку. Я добавил этот javascript в заголовок моего документа:

<script language="javascript" type="text/javascript">
 function playSound('Swoosh 3-SoundBible.com-1573211927.wav') {
 document.getElementById("dummy").innerHTML=
 "embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
 }
</script>

И я добавил этот код в тело: span id = "dummy">

И вот что я добавил ли, чтобы звук был слышен: onclick = "playSound ('Swoosh 3-SoundBible.com-1573211927.wav');

Я получил это от http://webdesign.about.com/od/sound/a/play_sound_oncl.htm. Но это НЕ работает, когда я тестировал его в своем браузере. НЕТ звука не слышно при щелчке мыши. Может кто-нибудь помочь, пожалуйста? Спасибо!

Answer 1

Не похоже, что функция знает, что делать с «звуковым файлом», потому что вместо именования переменной в заголовке функции вы заменили ее явным именем файла. Попробуйте переписать имя функции как function playSound(soundfile){}.

Answer 2

Вот способ сделать это, используя аудио элемент HTML5.Чтобы это работало в максимально возможном количестве браузеров, у вас должна быть версия звука .mp3 и .ogg.Для простоты я использую jQuery для обработки событий.

Разметка

<audio id='clicksound' style='display:none'>
<source src='mysound.ogg'>
<source src='mysound.mp3'>
</audio>

JavaScript

$(document).ready(function(){
    $('.soundonclick').click(function(){
        document.getElementById('clicksound').play();
    });
});