​

// il faut dans un premier temps ajouter le fichier de la bibliothèque p5-speech.js

​

// charger la librairie

var myRec = new p5.SpeechRec();

myRec.continuous = true; // reconnaissance vocale continue

​

// possibilité d'activer la ligne ci-dessous pour une reconnaissance partielle, c'est plus rapide mais moins bien

//myRec.interimResults = true;

​

// ajouter un compteur pour compter le nombre de phrases dites

var counter = 0;

​

function setup() {

  createCanvas(400, 1000);

  // changer la taille typo

  textSize(14);

  textAlign(CENTER);

  // si le programme entend une voix, il va afficher le texte dit

  myRec.onResult = showResult;

  myRec.start();

}

​

function draw() {

​

}

​

function showResult(){

  // si le programme entend une voix

  if(myRec.resultValue==true) {

    // j'augmenter mon compteur

    counter ++;

    // je change la position du texte en hauteur pour qu'il apparaisse en dessous du texte précédent

    var posY = counter * 20;

    // si j'arrive en bas de la page je redémarre en haut de la page

    if(posY > height){

      counter = 0;

      background(255);

    }

    // j'affiche les textes au milieu les uns en dessous des autres

    text(myRec.resultString, width/2, posY);

    console.log(myRec.resultString);

  }

}

​

// fonction qui s'exécute quand une touche est relâché

function keyReleased() {

  // appuyer sur "s" permet d'enregistrer l'image

  if (key == 's' || key == 'S')  {

    saveCanvas(year()+month()+day()+'-'+hour()+ minute() + second() +'_speechtext'+ '.jpg');

  }   

}