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

Question

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

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设计程序。我想知道如何加载音频文件(成功的声音)，然后我如何触发它开始播放一旦用户提供了一个正确的答案。

Answer 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();
}