如果条件成真javascript如何播放声音

时间:2015-09-02 15:28:23

标签: javascript html

我有一个程序来计算编号数组的平均值,我允许用户输入他的答案,我想播放(成功声音)如果用户答案等于真实答案,并播放(错误声音)不

function calcMean(){
...}

function solution(){
...
if(useranser==realanswer){
//play success sound by calling soundPlay()}
if(useranswer!==realanswer){
//play error sound  by calling soundPlay()}


function soundPlay(){
//somthing 
 }

我用HTML而不是HTML5设计程序。我想知道如何加载音频文件(成功声音),然后在用户提供正确答案后如何触发它开始播放。

1 个答案:

答案 0 :(得分:1)

在html页面中保留隐藏的音频播放器

<audio controls id="player" style="display: none">
<source id="player-src" src="#"></source>
</audio>

动态加载src并播放

function solution(){
if(useranser==realanswer){
 soundPlay("success sound src");
}
if(useranswer!==realanswer){
 soundPlay("error sound src");
}
}
function soundPlay(src){
var audioElement = document.getElementById('player-src');
audioElement.src =src ; //src for the player
var myAudio = document.getElementById("player");
myAudio.load();
myAudio.play();
}