javascript - If ステートメントにオーディオを追加する

Question

単純な if else ステートメントに Java スクリプトを使用していて、オーディオを追加しようとしていました。適切な場合は 1 つの曲を再生し、不適切な場合は別の曲を再生します。これは、実際のifステートメントを差し引いたものです。オーディオ部分をコメントアウトしたのは、コードが壊れて動作しなかったためです。

if (x is true)
      {
    document.write("Good job!<br />");

        /*<audio controls = "controls" autoplay = "autoplay" loop ="loop" >
        <source src = "congrats.ogg" type = "audio/ogg" />
        <source src = "congrats.mp3" type = "audio/mpeg" />
        <source src = "congrats.wav" type = "audio/wav" />
        Your browser does not support the audio element
        </audio>*/
      }
else
      {
    document.write("Boo!<br />");
      }

どんな助けでも大歓迎です！

明確化のための更新:「if ステートメント」が実行された場合は song1 を再生し、「else ステートメント」が実行された場合は song2 を再生すると言いたかったのです。

更新、動作中!: さらに調査を行い、次のコード スニペットを見つけることができました。

http://www.position-absolute.com/articles/introduction-to-the-html5-audio-tag-javascript-manipulation/

Answer 1

JavaScript を使用すると、次のようなことができます。

var supports = function(mime) { return (new Audio()).canPlayType('audio/' + mime); };
var sound;

if (supports('ogg; codecs=vorbis')) {
    sound = new Audio('congrats.ogg');
} else if (supports('mpeg')) {
    sound = new Audio('congrats.mp3');
} else if (supports('wav')) {
    sound = new Audio('congrats.wav');
} else {
  alert('Your browser is horrible');
}

if (typeof sound !== 'undefined') {
    sound.play();
}

Answer 2

あなたは本当に持っていif (x is true)ますか？

それはただのはずですif (x)