CrowKit - Voice & ears (basis)

Met CrowlKit kan je eenvoudig stemcommando'stoevoegen aan je pagina. 

Libraries toevoegen

De volgende libraries moeten aanwezig zijn in de head van je pagina:

<script src="https://cdn.publihub.media/lib/app.js?v97"></script>  

Stemcommando's activeren

Een app-voice-element is onzichtbaar, maar geeft je de mogelijkheid om door het uitspreken van een bepaald woord op een ander element te klikken. Natuurlijk moet je nog steeds bepalen in "code" wat dat ander element moet doen. 

<app-voice command="download" target="downloadknop"></app-voice>

<button id="downloadknop">Klik hier om de foto te downloaden</button>

Een app-voice-element heeft twee attributen:

  1. command: de tekst die de gebruiker "uitspreekt".
  2. target: dit attribuut verwijst naar het id van een element op de pagina. 

Zonder target

Je kan een app-voice-element ook zonder target-attribuut een functie laten uitvoeren. In dat geval moet je element een uniek "id" hebben:

<app-voice command="poes" id="cat"></app-voice>

Daarna moet je aan de app ready-functie van je pagina zeggen wat er moet gebeuren als de gebruiker het command "poes" uitspreekt:

app.ready(function() {
    id("cat").after("listen").do(function(){
        appalert("Je riep naar de kat");
    });
});
Volgende pagina