Finalizando o dia 28

Author: herminiotorres

28-VideoSpeedController/finish.html

@@ -15,6 +15,23 @@
  </div>
 
 <script>
+ const speed = document.querySelector('.speed');
+ const bar = speed.querySelector('.speed-bar');
+ const video = document.querySelector('.flex');
+
+ function handleMove(event) {
+ const pageY = event.pageY - this.offsetTop;
+ const percent = pageY / this.offsetHeight;
+ const min = 0.5;
+ const max = 4;
+ const height = `${Math.round(percent * 100)}%`;
+ const playbackRate = ((percent * (max - min)) + min);
+ bar.style.height = height;
+ bar.textContent = `${playbackRate.toFixed(2)}x`;
+ video.playbackRate = playbackRate;
+ }
+
+ speed.addEventListener('mousemove', handleMove);
 </script>
 </body>
 </html>