JavaScriptメソッドポーズ（）のみだから私はこのような機能を持っているオーディオ要素

Question

で動作します：

function music(song) { 
var audio = new Audio("audio/" + song + ".ogg"); 
audio.play(); 
} 

そして私がいる問題は（つまりaudio.playですが）完璧に動作しますが、私は、オーディオをしようとした場合.pause（）後で（同じ変数を定義した後）、動作しません。しかし、私がこれを行う場合：

function music() { 
var audio = document.getElementById("songname"); 
audio.play(); 
} 

次に変数を定義し、後でaudio.pause（）を使用してトラックを一時停止することができます。問題は、たくさんのトラックがあり、それぞれのオーディオ要素を作成したくないため、javascriptでこれを実行したいということです。

なぜ最初のコードで後で音声を一時停止できないのですか？後で音声を一時停止させる方法はありますか？もしそうでなければ、歌のタイトルであるパラメータを渡すことによって、ジャバスクリプトからオーディオを再生することを含む何らかの選択肢がありますか？私はhtmlにsrcを含める必要はありません。

私はjQueryがこれに対して簡単な解決策を持っている可能性があると私は思っていますが、私が調査したものは何も見つかりませんでした。

Answer 1

audioは機能内にのみ存在します。あなたが作成しているAudioオブジェクトのインスタンスを返す、関数の外にそれにアクセスする必要がある場合：

function getAudio(song, play) { 
var audio = new Audio("audio/" + song + ".ogg"); 
    if(play) { 
    audio.play(); 
    } 

    return audio; 
} 

var theTrack = getAudio('my_song', true); 
theTrack.pause(); // pause the song 
theTrack.play(); // play the song 

第二の例は、私が順番にAudioオブジェクトの機能を公開audio要素であると仮定するものを指し、 。 2番目の関数がどこでも動作するのは、DOM要素がDOM内に常に存在し、Audioオブジェクト/ APIを直接使用するのではなく、基礎となるAudio APIで参照するためです。

Answer 2

私はちょうどスニペットをテストし、それは、そのような

function music(song) { 

    var audio = new Audio("audio/" + song + ".ogg"); 
    audio.play(); 
    setTimeout(function() { audio.pause(); }, 5000); 

}