$(function() { let playclass = 'play'; let playing = false; // 再生中かを判定するフラグ let audio = document.getElementById('player'); let load = false; let i = 1; $('.samplevoice a').each(function() { $(this).attr('number', 'voice' + i++); }); $('.samplevoice a').on('click', function() { let id = $(this).attr('number'); let t = $(this).attr('href'); try { if (track == id) { if (playing == true) { audio.pause(); playing = false; $(this).removeClass(playclass); } else { audio.play(); playing = true; $(this).addClass(playclass); } } else { if (track != null) $('.samplevoice a[number='+track+']').removeClass(playclass); $('audio').html(''); audio.load(); audio.play(); playing = true; $(this).addClass(playclass); track = id; } } catch(e) { console.log(e); $(this).removeClass(playclass); } return false; }); }); let track = null; function player_ended() { playing = false; $('.samplevoice a[number='+track+']').removeClass(playclass); track = null; }