- Ga naar https://teachablemachine.withgoogle.com/
- Start een nieuw project, kies:
Project met audio - Train de achtergrond class met geluiden uit de klas; doe dit ongeveer 4 keer (of vaker)
- Maak 4 classes en geef ze optioneel wat namen.
- Pak je telefoon en selecteer vier meldingstonen, gebruik per class 1 meldingstoon.
- Gebruik minstens 30 audiobestanden van 2 seconden per class.
- Train het ML model;
- Test het model door de geluiden af te spelen, kijk of dit consistent werkt.
Warning
Hertrain indien nodig
- Exporteer het model
- Hier krijg je een linkje uit; plak deze in
/script/geluid.jsop lijn 5
- Hier krijg je een linkje uit; plak deze in
- Om het project op te starten pak je het zipje uit;
- Zet het uitgepakte project in Visual Studio Code
- en gebruik je de
go liveknop rechts-onderin
- en gebruik je de
- Zet het uitgepakte project in Visual Studio Code
- Maak foto’s en filmpjes voor je productbiografie
Tip
In de geluid.css staat er een geavanceerd stuk; als je nog beter wilt worden in CSS mag je hier naar kijken.
Dit is optioneel.
Ga door tot je de CSS hebt “stukgemaakt”: de pagina werkt niet meer.
Je kunt o.a. kleuren, marges, rondingen, transities en animaties aanpassen in base.css Je kunt transities en animaties aanpassen in geluid.css