let speech; // 音声合成用のオブジェクト

let rate; // 速度変更用のスライダー

let pitch; // ピッチ変更用のスライダー

​

function setup() {

  noCanvas();

  speech = new p5.Speech(); // 音声合成用のオブジェクト

  speech.setLang("ja-JP"); // 日本語への切り替え

  speech.onLoad = loaded;

}

​

function draw() {

}

​

function loaded(){

  let btn = createButton("Speak"); // 発話用のボタン

  btn.mousePressed(speak);

  rate = createSlider(10.0, 200.0, 100.0); // スライダーを作成すｒ

  rate.mouseReleased(setRate); // スライダーが操作されたらsetRateを実行

  pitch = createSlider(1.0, 200.0, 100.0); // スライダーを作成する

  pitch.mouseReleased(setPitch); // スライダーが操作されたらsetPitchを実行

}

​

function speak(){

  speech.speak("国境の長いトンネルを抜けると雪国であった。"); 

}

​

function setRate() {

  speech.setRate(rate.value()/100.0); // 

}

​

function setPitch() {

  speech.setPitch(pitch.value()/100.0); // 

}