Skip to content

Latest commit

 

History

History
102 lines (81 loc) · 2.32 KB

c01.md

File metadata and controls

102 lines (81 loc) · 2.32 KB

Speech Recognition (Speech-to-Text, STT)

  • index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <script src="https://cdn.jsdelivr.net/npm/p5@1/lib/p5.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/p5@1/lib/addons/p5.sound.min.js"></script>
  <script src="https://cdn.jsdelivr.net/gh/IDMNYU/p5.js-speech@0.0.3/lib/p5.speech.js"></script>
  <script src="sketch.js"></script>
  <title>Speech 연습</title>
</head>
<body>
  <h1>Speech Recognition (Speech-to-Text, STT)</h1>
</body>
</html>
  • sketch.js (0)
let speechRec;
let lang;

function setup() {
  noCanvas();
  console.log(navigator.language);
  lang = navigator.language || 'en-US';
  speechRec = new p5.SpeechRec(lang); // speech recognition object (will prompt for mic access)
  speechRec.onResult = gotSpeech; // bind callback function to trigger when speech is recognized
  speechRec.start(); // start listening
}

function gotSpeech() {
  console.log(speechRec);
}
  • sketch.js (1)
let speechRec;
let lang;

function setup() {
  noCanvas();
  console.log(navigator.language);
  lang = navigator.language || 'en-US';
  speechRec = new p5.SpeechRec(lang); // speech recognition object (will prompt for mic access)
  speechRec.onResult = gotSpeech; // bind callback function to trigger when speech is recognized
  speechRec.start(); // start listening
}

function gotSpeech() {
  if (speechRec.resultValue) {
    createP(speechRec.resultString);
  }
}
  • sketch.js (2)
let speechRec;
let lang;

function setup() {
  noCanvas();
  console.log(navigator.language);
  lang = navigator.language || 'en-US';
  speechRec = new p5.SpeechRec(lang); // speech recognition object (will prompt for mic access)
  speechRec.onResult = gotSpeech; // bind callback function to trigger when speech is recognized

  let continuous = true;
  let interim = false;
  // let interim = true;

  speechRec.start(continuous, interim); // start listening
}

function gotSpeech() {
  if (speechRec.resultValue) {
    createP(speechRec.resultString);
  }
}