音頻不工作在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

的音頻在這裏工作......看到這個小提琴，我只是把劇本剛剛宣佈開始按鈕之前... 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文件的功能，我假定你的意思安排一下，如： <按鈕ID = 「B2」的onclick = startFlash（）>開始 blinking! –

是的，在調用它的按鈕頂部聲明腳本，可能在'' –

也是upvote會很棒;）謝謝 –

音頻不工作在Javascript中

回答

相關問題