foto van youris hoofd

Het project

Voor het vak programmeren heb ik een interactieve muziekspeler geprogrammeerd, voor de muziek die ik in mijn vrije tijd maak. Ik heb daarbij gebruik gemaakt van html, css en Javascript.

De progressbar werkt via een html-slider die iedere 25 milliseconden wordt geupdate. Om deze correct te updaten, rekent de website via Javascript uit op hoeveel procent je van het liedje bent. Dit werkt zo, omdat ik bij de html-slider heb ingesteld dat de hoogste waarde die hij kan hebben 100 is. Dus alhoewel hij niet natively procenten ondersteunt, support hij toch wel procenten.

Hetzelfde gebeurt als je in de slider klikt, maar dan andersom. Javascript haalt het percentage op van het punt dat je aanklikt en zet hem om in het exacte moment van het liedje.

Het was heel vreemd om na 5 jaar geen wiskundige formules te hoeven schrijven, ik ineens weer een formule moest schrijven om deze progress bar zichzelf uit te laten rekenen.

Het werkende product staat onderaan de pagina.

Homescreen van Trippy
Homescreen van Trippy
Homescreen van Trippy

Resultaat