// ブラウザが音声認識と音声読み上げに対応しているか確認
const unsupportMessage = $('#unsupportMessage')
if ('SpeechSynthesisUtterance' in window
    && 'webkitSpeechRecognition' in window) {
  unsupportMessage.hide()
} else {
  unsupportMessage.show()
}

// 要素の取得
const recognitionStart = $('#recognitionStart')
const isContinue = $('#isContinue')
const recognizedMessages = $('#recognizedMessages')

// 音声認識の初期化と設定
const recognition = new webkitSpeechRecognition();
recognition.lang = 'ja-JP'
recognition.continuous = true

// 音声読み上げの初期化と設定
const utterance = new SpeechSynthesisUtterance();
const voices = speechSynthesis.getVoices();
utterance.voice = voices[7]; // 日本語
utterance.volume = 1.0; // 音量
utterance.rate = 1.0; // 速度
utterance.pitch = 2.0; // 音程
utterance.lang = 'ja-JP'; // 言語

let hasResult = false; // recognition.onresultが呼ばれたか

// 音声認識開始
recognitionStart.on('click', () => {
  console.log('recognitionStart clicked')
  recognitionStart.prop('disabled', true)
  recognition.start();
  recognitionStart.text('お話しください')
});

recognition.onsoundstart = () => {
  console.log('recognition.onsoundstart')
}

recognition.onsoundend = () => {
  console.log('recognition.onsoundend')
  recognitionStart.text('音声認識開始')
}

// 音声認識結果取得時
recognition.onresult = (e) => {
  console.log('recognition.onresult')
  const msg = e.results[0][0].transcript;
  recognizedMessages.prepend('<li>' + msg + '</li>')
  utterance.text = msg
  
  speechSynthesis.speak(utterance); // 音声読み上げ開始
  
  recognition.stop(); // 音声認識終了
  hasResult = true;
}

recognition.onend = () => {
  console.log('recognition.onend')
  if (!hasResult) {
    recognitionStart.prop('disabled', false)
    recognitionStart.text('音声認識開始')
  }
  hasResult = false;
}

// 音声読み上げ終了時
utterance.onend = () => {
  console.log('utterance.onend')
  recognitionStart.prop('disabled', false)
  if (isContinue.prop('checked')) {
    recognitionStart.prop('disabled', true)
    recognition.start();
    recognitionStart.text('お話しください')
  }
}