// HTML 요소 참조
var musicPlayer = document.getElementById('musicPlayer');

// 터치 이벤트 리스너 등록
document.addEventListener('touchstart', function(event) {
  // 사용자가 터치한 위치 파악
  var touchX = event.touches[0].clientX;
  var touchY = event.touches[0].clientY;

  // 특정 위치에서 음악 재생
  if (isInTargetArea(touchX, touchY)) {
    musicPlayer.play();
  }
});

// 특정 영역 내에 터치되었는지 확인하는 함수
function isInTargetArea(x, y) {
  // 특정 영역 좌표 및 크기 설정
  var targetAreaX = 100;
  var targetAreaY = 100;
  var targetAreaWidth = 200;
  var targetAreaHeight = 200;

  // 터치된 위치가 특정 영역 내에 있는지 확인
  if (x >= targetAreaX && x <= targetAreaX + targetAreaWidth &&
      y >= targetAreaY && y <= targetAreaY + targetAreaHeight) {
    return true;
  }
  return false;
}