Lyfta - Video Player 🎥

Description

My solution for the take-home challenge presented by Lyfta. This is my attempt at completing a user story of a video player.

🔗 Deployed to GitHub Pages

---

Vision

Create a video player with a customized interface. 📺

Selected User Story

As a user, I'd like to see a progress bar as the video is being played, so I can keep tracking the status of it #3

🟦🟦🟦⬜️⬜️⬜️⬜️⬜️

Subtasks:

• Add progress bar
• Set the range
• Update the value as the video progresses

▶️ To test the progress bar on the UI, I had to complete user story #1 and #2 as well. ⏸

---

User Stories

As a user ...

• I'd like to play the video by clicking the video itself or a button, so I can decide when to start #1
• I'd like to pause the video by clicking the video itself or a button, so I can decide when to stop #2
• I'd like to see a progress bar as the video is being played, so I can keep tracking the status of it #3
• I want to control the volume on a slider so I can adjust it with my mouse #4
• I want to mute and unmute the video when necessary #5
• I'd like to see the duration of the video and the time elapsed when the video is being played so I know when to expect the end #6
• I'd like to have the option to use the full-screen mode #7
• I'd like to use keyboard shortcuts so I can control the player with my keyboard #8