Completed lesson 28

rmion · rmion · commit 939cff127feb · 2017-01-06T20:33:48.000-05:00
Drunk Wes. Cracked out Wes. Wasted Wes. Hyper Wes!
diff --git a/28 - Video Speed Controller/index-START.html b/28 - Video Speed Controller/index-START.html
@@ -15,6 +15,22 @@
   </div>
 
 <script>
+  const speed = document.querySelector('.speed');
+  const bar = document.querySelector('.speed-bar');
+  const video = document.querySelector('.flex');
+
+  speed.addEventListener('mousemove', function(e) {
+    const y = e.pageY - this.offsetTop;
+    const percent = y / this.offsetHeight;
+    const min = 0.4;
+    const max = 4;
+    const height = Math.round(percent * 100) + '%';
+    const playbackRate = percent * (max - min) + min;
+    bar.textContent = playbackRate.toFixed(1) + 'x';
+    bar.style.height = height;
+
+    video.playbackRate = playbackRate;
+  });
 </script>
 </body>
 </html>
