javascript - キャンバス上のクリックを検出する関数 javascript/jquery を作成する

Question

サイトの特定の画像をクリックすると、その画像にのみ関連付けられている特定のオーディオ ファイルが再生される関数を作成する必要があります。私はいくつかのコードを持っていますが、関数部分を正しく取得できないようです。画像をクリックするたびに特定のオーディオが再生され、もう一度クリックすると一時停止するようにしたい. 私のサイトにはたくさんの画像があります。どうもありがとう！

編集: 私は新しいメンバーであるため、Web サイトではコードのスクリーンショットを投稿できませんでした。

【フィドル。ネットリンク][2]

[2]: http://jsfiddle.net/c8KTg/

Answer 1

オーディオ マークアップを修正する必要があります。

<audio controls="controls" id="clips">
   <source src="1.mp3" />
   <source src="2.mp3" />    
</audio>

次に、次のようなものがおそらくそれを行うでしょう：

$('.images').each(function(index, element) {
    $(this).click(function(e) {
        var id = this.attr('id');
        var sound_id = id.split('image')[1];
        var music = $('#clips').get(sound_id);
        music.play();
    });
});