CrowlKit - Je eigen AI-model

Met teachable machine ( https://teachablemachine.withgoogle.com/) kan je je eigen AI-model trainen om afbeeldingen of gebaren te herkennen. Je kan het model downloaden en vervolgens heel eenvoudig gebruiken vanuit CrowlKit. 

Libraries toevoegen

Opgelet: het is in dit geval belangrijk dat de juiste ML5-library aanwezig is. Je hebt zeker niet de recentste versie nodig. Controleer dus zeker dat er in de head van je webapp geen andere link naar een ML5-library is opgenomen.

Voeg de onderstaande libraries toe aan de head, als die nog niet aanwezig zijn:

<script src="https://cdn.jsdelivr.net/npm/p5@latest/lib/p5.min.js">
</script>
<script src="https://unpkg.com/ml5@0.12.2/dist/ml5.min.js">
</script>
<script src="https://cdn.publihub.media/lib/crowl.tm.js">
</script>
<script src="https://cdn.publihub.media/lib/app.js">
</script>
<link rel="stylesheet" href="https://cdn.publihub.media/css/app.css">

Model activeren

Voeg aan de body van je webapp de volgende regels toe: 

<app-myimagemodel id="myir" src="models/familie/">
</app-myimagemodel>

Je kan drie attributen toevoegen aan een app-myimagemodel:

  • id: een uniek id. Dit heb je nodig als je de ontvangen resultaten wil opvragen.
  • src: de "link" naar het AI-model. 
  • hidden: wanneer je het attribuut "hidden" toevoegt, dan wordt het camerabeeld niet getoond in je pagina. 

Resultaten ontvangen

Vervolgens kan je de resultaten opvragen in de app-ready-functie. 

app.ready(function(){
   id("myir").after("result").do(function(data){
      id("feedback").innerText = data.detail.label;
   });
});
Volgende pagina