week2

Week 2

• Introductie van het vak
• Introductie terminologie
• Toelichting cursushandleiding
• Toelichting eindopdracht week 9
• Toelichting AI x Design Cards en Reading List

Oefening

Oefening met Teachable Machine.

• Train een model op Teachable Machine voor het herkennen van beeld of een lichaamspose. (geluid mag je ook proberen maar dit werkt niet altijd even goed.)
• Klik op export model, en download model. Volg de instructies voor tensorflow.js. Zie screenshot.
• Test of het lokaal werkt met console berichten die de predictions tonen.
• Bedenk een eenvoudige toepassing in je HTML pagina die je camera beeld gebruikt als input. Bijvoorbeeld:
  • Toon emoji 🤘 👋 ✊ voor herkende gestures.
  • Kijk wie er voor de camera staat.
• 👉 Let op, de webcam output hoeft niet zichtbaar te zijn in de uiteindelijke HTML pagina!
• 👉 Tip: het is grappig om met web speech audio feedback te geven aan de gebruiker!
• In de Teachable Machine Documentatie vind je meer code uitleg.
• ⚠️ De html embed code werkt niet goed op iOS.

export window teachable machine

Voorbeeldcode web speech

Je kan de web speech api gebruiken om de browser te laten spreken:

function speak() {
    let msg = new SpeechSynthesisUtterance()

    msg.text = "Well done!"

    let selectedVoice = ""
    if (selectedVoice != "") {
        msg.voice = speechSynthesis.getVoices().filter(function (voice) { return voice.name == selectedVoice; })[0]
    }

    window.speechSynthesis.speak(msg)
}