캔버스에서 클릭을 감지하는 javascript/jquery 함수를 만듭니다.

Question

사이트에서 특정 이미지를 클릭하면 해당 사진과 관련된 특정 오디오 파일 만 재생되는 함수를 만들어야합니다. 몇 가지 코드가 있지만 함수 부분을 올바르게 가져올 수 없습니다. 이미지를 클릭 할 때마다 특정 오디오가 재생되고 다시 클릭하면 일시 중지됩니다. 내 사이트에 많은 이미지가 있습니다. 정말 고맙습니다!

편집 : 나는 새로운 멤버 해요 이후 웹 사이트, 코드의 스크린 샷

[바이올린을 내 게시물을하지 것이다. 인터넷 링크] [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(); 
    }); 
});