​

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

​

// charger la librairie

var myRec = new p5.SpeechRec(); 

​

function setup(){

  createCanvas(600, 400);

  background(255, 255, 255);

  // changer la taille typo

  textSize(32);

  // changer l'alignement

  textAlign(CENTER);

  // afficher les instructions

  text("dites quelque chose", width/2, height/2);

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

  myRec.onResult = showResult;

  myRec.start();

}

​

function draw(){

}

​

// fonction qui affiche le texte dit

function showResult(){

    if(myRec.resultValue==true) {

      // ajouter un fond vert

        background(192, 255, 192);

      // afficher la phrase dite

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

    }

}

// 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-simple'+ '.jpg');

  }   

}