クリックしたときにオーディオファイルを再生

Question

ボタンをクリックすると、ajaxからphp配列に人名がエコーされて、&が選択した曲を再生します。

ここに私の瞬間があります。

$(document).ready(function() { 
    $(".button").on("click", function() { 
     $.ajax({ 
      url: "includes/ajax.php" 
     }).done(function(msg) { 
      console.log(msg); 
      $(".person").html(msg); 
      if (msg == "name") { 
       $('a.click').append("<audio class='audio' src='includes/songs/song.mp3' autoplay></audio>"); 
      } else { 
       $('audio').remove(); 
      } 
     }); 
    }); 
}); 

これは、仕事をするが、それは私が行うにはしたくない10種類のif文を、持っている必要がありますを意味します。

これを行うにはどのような方法が最適ですか？

ありがとうございます！

Answer 1

あなたがダイナミックリンク作成することができ、次のいずれか

$().append("<audio src='/songs/"+msg+".mp3'>"); 

それともデータベースを使用してオーディオを解決して、クライアントに動的URLを渡すか、データを格納するオブジェクトを作成することができますできます

を

var songof={ 
tim:"/songs/a.mp3", 
bob:... 
} 

てみませんかより：

url=songof[msg]; 

それとも、曲のDYNAMを解決することができあなたはPHPでうまくいく必要があります。

<audio src="resolvesong.php?tim"> 

PS：1人で2回クリックするとどうなりますか？曲がダウンロードされ、複数回追加されるよりも。

var songof={}; 
newsong=document.createElement("audio"); 
newsong.src="url.mp4"; 
document.body.appendChild(newsong); 
songof["tim"]=newsong; 

songof["tim"].play();