在JavaScript / HTML中添加声音效果

时间:2017-05-02 17:06:58

标签: javascript html

我正在为桌上足球做一个项目。我需要根据中断添加声音效果。

例如目标得分=它是一个目标
如果Black Team获胜,那就应该大喊黑队恭喜你,你赢了 如果绿队获胜,它应该大喊绿色团队祝贺,你赢了

1 个答案:

答案 0 :(得分:1)

不太确定你要问的是什么,但是添加声音你可以

1)首先录制声音然后保存 2)根据您的情况播放相应的音频

示例:

我们有2个声音文件:
1)blackteamwon.mp4(声音“团队黑恭喜,你赢了”)
2)greenteamwon.mp4(声音“团队绿色祝贺,你赢了”)

HTML

<span id="sound"></span>

JAVASCRIPT

function playSound(soundfile){
    document.getElementById("sound").innerHTML="<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\"/>";
}

if(blackteamgoals){// Your condition
    playSound("blackteamwon.mp3"); // Location to your sound file
}

if(greenteamgoals){// Your condition
    playSound("greenteamwon.mp3"); // Location to your sound file
}