Аудио не работает в Javascript

Я пытаюсь получить звук для воспроизведения в целом, но он, похоже, не работает. Я думал, что, возможно, интервал, или если заявления прекратили его играть, но, как вы видите, даже вызов до того, что не звучит. Каталог находится в нужном месте, и файлы наверняка есть. На странице также есть небольшой символ «<>», я понятия не имею, почему. Вот HTML, который запускает скрипт:Аудио не работает в Javascript

<!DOCTYPE html> 
<> 
<head lang="en"> 
    <meta charset="UTF-8"> 
    <title>Flash/Beepo</title> 
    Flash/Beep Test 
</head> 
<button id="b2" onclick=startFlash()>Start</button> 
<script src="scripts/Flashbeep.js"></script> 
<img src='images/unnamed.jpg' alt='blinking!' id='blink' /> 
<audio style="visibility:hidden" id="beep" src="sounds/beep.wav"></audio> 
<audio style="visibility:hidden" id="2beep" src="sounds/2beep.wav"></audio> 
<audio style="visibility:hidden" id="3beep" src="sounds/3beep.wav"></audio> 
<audio style="visibility:hidden" id="4beep" src="sounds/4beep.wav"></audio> 
<body> 

</body> 
</html>

А вот сценарий:

function startFlash(){ 
    var img = document.getElementById('blink'); 
    var i=Math.floor(Math.random()*(3))+1 
    var count=0 
    var q= Math.floor(Math.random() +.5) 
    document.getElementById('beep').play();//no sound 
    if(q==0) { 


    var interval = window.setInterval(function() { 
     if (count == i) { 
     clearInterval(interval) 
     } 
     if (img.style.visibility == 'hidden') { 
     img.style.visibility = 'visible'; 
     count = count + 1 
     } else { 
     img.style.visibility = 'hidden'; 
     } 
    }, 17); 
    }else{ 


    var interval = window.setInterval(function() { 
     if (count == 1) { 
     clearInterval(interval) 
     } 
     if (img.style.visibility == 'hidden') { 
     img.style.visibility = 'visible'; 
     document.getElementById('beep').play();//no sound 
     count = count + 1 
     } else { 
     img.style.visibility = 'hidden'; 
     } 
    }, 17); 


    } 
}

источник

2015-06-08 Hugh Forric

аудио работает здесь ... видите эту скрипку, я просто положил заявление скрипт непосредственно перед кнопкой Start ... http://jsfiddle.net/jmxq51qx/ –

Здесь рабочий Аудиокод ... Я просто переместил объявление функции на верхней части кнопки Пуск , Пожалуйста, попробуйте в конце, если это сработает.

<script> 
    function startFlash(){ 
    var img = document.getElementById('blink'); 
    var i=Math.floor(Math.random()*(3))+1 
    var count=0 
    var q= Math.floor(Math.random() +.5) 
    document.getElementById('beep').play();//no sound 
    if(q==0) { 


    var interval = window.setInterval(function() { 
     if (count == i) { 
     clearInterval(interval) 
     } 
     if (img.style.visibility == 'hidden') { 
     img.style.visibility = 'visible'; 
     count = count + 1 
     } else { 
     img.style.visibility = 'hidden'; 
     } 
    }, 17); 
    }else{ 


    var interval = window.setInterval(function() { 
     if (count == 1) { 
     clearInterval(interval) 
     } 
     if (img.style.visibility == 'hidden') { 
     img.style.visibility = 'visible'; 
     document.getElementById('beep').play();//no sound 
     count = count + 1 
     } else { 
     img.style.visibility = 'hidden'; 
     } 
    }, 17); 


    } 
} 
</script> 

<button id="b2" onclick=startFlash()>Start</button> 
<!--<script src="scripts/Flashbeep.js"></script>--> 
<img src='http://www.colgate.fi/ColgateOralCare/ElectricToothbrush/ProClinical/common/images/icons/red-dot.png' alt='blinking!' id='blink' /> 
<audio style="visibility:hidden" id="beep" src="http://www.freesound.org/data/previews/70/70106_1022651-lq.mp3"></audio> 
<audio style="visibility:hidden" id="2beep" src="sounds/2beep.wav"></audio> 
<audio style="visibility:hidden" id="3beep" src="sounds/3beep.wav"></audio> 
<audio style="visibility:hidden" id="4beep" src="sounds/4beep.wav"></audio> 
<body> 

</body>

FIDDLE

источник

2015-06-08 19:13:41

Как я имеют функцию в отдельный файл .js, я полагаю, вы имеете в виду организовать это нравится: <сценарий SRC = "скрипты/Flashbeep.js"> кнопку Начать blinking! –

yes, объявить скрипт поверх кнопки, которая его вызывает, вероятно, внутри '' –

тоже будет удачным ;) спасибо –

Аудио не работает в Javascript

ответ

Смежные вопросы