[Part1] 브라우저에서 마이크 권한 얻기: getUserMedia()

const stream = await navigator.mediaDevices.getUserMedia({ audio: true })

if (!navigator.mediaDevices?.getUserMedia) {
  alert('이 브라우저는 오디오 녹음을 지원하지 않습니다.')
  return null
}

const constraints: MediaStreamConstraints = {
  audio: selectedDeviceId.value ? { deviceId: { exact: selectedDeviceId.value } } : true,
}

const stream = await navigator.mediaDevices.getUserMedia(constraints)

const constraints: MediaStreamConstraints = {
  audio: {
    sampleRate: { ideal: 48000 }, // 샘플레이트 (Hz)
    echoCancellation: true, // 에코 제거
    noiseSuppression: true, // 노이즈 억제
    autoGainControl: true, // 자동 볼륨 조절
    channelCount: { ideal: 2 }, // 채널 수 (1: 모노, 2: 스테레오)
  },
}

const stream = await navigator.mediaDevices.getUserMedia(constraints)

// ideal: 가능하면 48kHz, 안 되면 다른 샘플레이트 사용
{
  sampleRate: {
    ideal: 48000
  }
}

// exact: 반드시 48kHz, 안 되면 에러
{
  sampleRate: {
    exact: 48000
  }
}

try {
  const stream = await navigator.mediaDevices.getUserMedia(constraints)
  return stream
} catch (error) {
  if (error instanceof DOMException) {
    switch (error.name) {
      case 'NotAllowedError':
        alert('마이크 접근 권한이 거부되었습니다. 브라우저 설정에서 마이크 권한을 허용해주세요.')
        break
      case 'NotFoundError':
        alert('오디오 입력 디바이스를 찾을 수 없습니다. 마이크가 연결되어 있는지 확인해주세요.')
        break
      case 'NotReadableError':
        alert('오디오 디바이스를 읽을 수 없습니다. 다른 애플리케이션에서 사용 중일 수 있습니다.')
        break
      case 'OverconstrainedError':
        alert('요청한 오디오 설정을 만족하는 디바이스를 찾을 수 없습니다.')
        break
      default:
        alert(`오디오 스트림 획득 실패: ${error.message}`)
    }
  }
  return null
}

const stream: MediaStream = await navigator.mediaDevices.getUserMedia({ audio: true })

// MediaStream의 주요 속성과 메서드
console.log(stream.id) // 스트림의 고유 ID
console.log(stream.active) // 스트림 활성화 여부

// 오디오 트랙 가져오기
const audioTracks = stream.getAudioTracks()
console.log(audioTracks.length) // 일반적으로 1개의 오디오 트랙
console.log(audioTracks[0].label) // 트랙 레이블 (예: "Built-in Microphone")
console.log(audioTracks[0].enabled) // 트랙 활성화 여부

const stream = await navigator.mediaDevices.getUserMedia({ audio: true })
const audioTrack = stream.getAudioTracks()[0]

// 기본 정보 조회
console.log(audioTrack.kind) // "audio" (또는 "video")
console.log(audioTrack.id) // 고유 ID (예: "abc123...")
console.log(audioTrack.label) // 디바이스 이름 (예: "Built-in Microphone")
console.log(audioTrack.enabled) // 활성화 여부 (true/false)
console.log(audioTrack.readyState) // 상태: "live" (사용 중) 또는 "ended" (종료됨)
console.log(audioTrack.muted) // 음소거 여부 (하드웨어 레벨)

const audioTrack = stream.getAudioTracks()[0]

// 방법 1: enabled 속성 (일시 정지/재개)
audioTrack.enabled = false // 오디오 전송 중단 (마이크는 여전히 열려있음)
console.log(audioTrack.readyState) // "live" - 여전히 살아있음
audioTrack.enabled = true // 즉시 재개 가능

// 방법 2: stop() 메서드 (완전 종료)
audioTrack.stop() // 마이크 완전히 해제, 복구 불가능
console.log(audioTrack.readyState) // "ended" - 종료됨
// audioTrack.enabled = true; // 이제 소용없음, 다시 getUserMedia() 호출 필요

const audioTrack = stream.getAudioTracks()[0]
const settings = audioTrack.getSettings()

console.log(settings.deviceId) // "default" 또는 실제 디바이스 ID
console.log(settings.sampleRate) // 48000 (Hz) - 실제 샘플레이트
console.log(settings.sampleSize) // 16 (bits) - 비트 깊이
console.log(settings.channelCount) // 1 (모노) 또는 2 (스테레오)
console.log(settings.echoCancellation) // true/false - 에코 제거 적용 여부
console.log(settings.noiseSuppression) // true/false - 노이즈 억제 적용 여부
console.log(settings.autoGainControl) // true/false - 자동 볼륨 조절 적용 여부

async function checkAudioSettings() {
  const stream = await navigator.mediaDevices.getUserMedia({
    audio: {
      sampleRate: { ideal: 48000 },
      channelCount: { ideal: 2 },
    },
  })

  const track = stream.getAudioTracks()[0]
  const settings = track.getSettings()

  console.log(`디바이스: ${track.label}`)
  console.log(`요청: 48kHz 스테레오`)
  console.log(`실제: ${settings.sampleRate}Hz, ${settings.channelCount}채널`)

  // 출력 예시:
  // 디바이스: Built-in Microphone
  // 요청: 48kHz 스테레오
  // 실제: 48000Hz, 1채널 (내장 마이크는 모노만 지원)
}

let audioStream: MediaStream | null = null

async function getAudioStream(): Promise<MediaStream | null> {
  // 이미 활성화된 스트림이 있으면 재사용
  if (audioStream) {
    return audioStream
  }

  // 새로운 스트림 요청
  try {
    const constraints: MediaStreamConstraints = {
      audio: true,
    }
    audioStream = await navigator.mediaDevices.getUserMedia(constraints)
    return audioStream
  } catch (error) {
    // 에러 처리...
    return null
  }
}

function stopAudioStream(): void {
  if (audioStream) {
    // 모든 트랙을 중지하여 마이크 사용 표시등 끄기
    audioStream.getTracks().forEach((track) => track.stop())
    audioStream = null
  }
}

// Chrome: 첫 호출에만 권한 프롬프트 표시
const stream1 = await navigator.mediaDevices.getUserMedia({ audio: true })
// 이후 호출에서는 프롬프트 없이 바로 스트림 반환
const stream2 = await navigator.mediaDevices.getUserMedia({ audio: true })

// Safari: 매번 프롬프트가 표시되므로 스트림을 재사용해야 함
let audioStream: MediaStream | null = null

async function getAudioStream(): Promise<MediaStream | null> {
  // 이미 활성 스트림이 있으면 재사용 (프롬프트 방지)
  if (audioStream && audioStream.active) {
    return audioStream
  }

  // Safari에서는 이 호출마다 프롬프트가 표시됨
  audioStream = await navigator.mediaDevices.getUserMedia({ audio: true })
  return audioStream
}

// 스트림 활성 상태 확인
if (audioStream && audioStream.active) {
  // 재사용 가능
  return audioStream
} else {
  // 새로운 스트림 요청 필요
  audioStream = await navigator.mediaDevices.getUserMedia({ audio: true })
}

// iOS Safari: 반드시 사용자 액션 핸들러 내에서 호출
button.addEventListener('click', async () => {
  // ✅ 사용자 클릭 이벤트 내에서 호출 - 정상 작동
  const stream = await navigator.mediaDevices.getUserMedia({ audio: true })
})

// ❌ 페이지 로드 시 자동 호출 - 실패
window.addEventListener('load', async () => {
  // iOS Safari에서 거부될 수 있음
  const stream = await navigator.mediaDevices.getUserMedia({ audio: true })
})