<aside> 💡 Via deze prompt kun je meten hoe hard het geluid is in de klas. Je krijgt een live overzicht van het geluidsniveau en wat de gevolgen zijn van het geluidsniveau. Daarnaast word bijgehouden veel tijd en hoeveel procent een bepaald geluidsniveau heeft plaatsgevonden. 👌🏻

ps. Je kunt hier een voorbeeld zien van een werkende versie www.robbertvanempel.nl/geluid.

</aside>

Inhoudsopgave

Benodigdheden

Prompt geluidsniveaumeter

Prompt

Creëer een enkele HTML-bestand voor een real-time audio-analyse webapplicatie. De applicatie moet de volgende functies en vereisten hebben:

Gebruik de Web Audio API voor audio-analyse.
Toegang krijgen tot de microfoon van de gebruiker en het geluidsniveau analyseren.
Real-time analyse van het geluidsniveau uitvoeren.
Een visuele meter tonen die het huidige geluidsniveau weergeeft, met kleurindicatoren:

Groen voor laag geluidsniveau (< 30%)
Geel voor gemiddeld geluidsniveau (30% - 70%)
Rood voor hoog geluidsniveau (> 70%)

Het drukte niveau weergeven op basis van het geluidsniveau (Rustig, Normaal, Druk).
Een indicatie geven van de kans op gehoorschade (Laag, Matig, Hoog).
Een grafiek tonen die het geluidsniveau over tijd weergeeft.
Een tijdsregistratie bijhouden van de verschillende geluidsniveaus (laag, gemiddeld, hoog).
Een tabel weergeven met de totale tijd en het percentage van de totale tijd voor elk geluidsniveau.
Foutafhandeling toevoegen voor toegang tot de microfoon.
De applicatie stijlen voor een schone, moderne look met responsief ontwerp.
Alle benodigde HTML, CSS en JavaScript in één zelfstandig bestand opnemen dat kan worden uitgevoerd door het te openen in een webbrowser.

Geef het volledige, uitvoerbare HTML-bestand dat aan al deze vereisten voldoet.

<aside> 🎤 Heb je een spreker nodig voor jouw school?

Maak je geen zorgen! Ik help je vraag. Stuur een mailtje naar [email protected] ✌️

</aside>