クリックすると再生される mp3 ファイルを保存する一連の関数を作成したいと思います。例。たとえば、#3 をクリックして特定のサウンドまたは mp3 を再生し、#5 などをクリックします。
var a1_Events = [newsound1, newcoolersound2, coolestsound3],
a1_c = 0;
function newsound1(){
// I would like to trigger a mp3 here. But not loop.
}
function newcoolersound2(){
// I would like to trigger a mp3 here. But not loop.
}
function coolestsound3(){
// I would like to trigger a mp3 here. But not loop.
}
$('#area1').click(function(){
a1_Events[a1_c++ % a1_Events.length]();
});
アップデート:
わかりましたので、解決策があると思います。しかし、少しかさばるように見えます-もう少し良いものがあることを願っています。onClick
しかし、私の実装計画は、divにネストされた以下を含め、上記の機能領域内で表示/非表示を介してボタンを表示することです。
//mp3 File 1
<audio id="id1" src="01.mp3"></audio>
<button onClick="document.getElementById("id1").play()">Play</button>
<button onClick="document.getElementById("id1").pause()">Stop</button>