From e22154de6ac2b4a834369d98a83aee955053608d Mon Sep 17 00:00:00 2001 From: Rawnge Date: Fri, 21 Oct 2022 16:24:50 +0530 Subject: [PATCH] Video Player Idea Added --- Projects/2-Intermediate/Video-Player.md | 26 +++++++++++++++++++++++++ README.md | 1 + 2 files changed, 27 insertions(+) create mode 100644 Projects/2-Intermediate/Video-Player.md diff --git a/Projects/2-Intermediate/Video-Player.md b/Projects/2-Intermediate/Video-Player.md new file mode 100644 index 00000000..9ab23830 --- /dev/null +++ b/Projects/2-Intermediate/Video-Player.md @@ -0,0 +1,26 @@ +# Video Player + +**Tier:** 2-Intermediate + +Create a Video Player and hide the native controls. + +## User Stories + +- [ ] User can fast forward/backward video. +- [ ] User should be able to change the speed of video being played. +- [ ] Stop the Video when user clicks on the Video frame. +- [ ] User can play with volume [high, low & mute, unmute] + +## Bonus features + +- [ ] User can fetch videos directly from Internet using any API `eg. Pexels API`. + +## Useful links and resources + +- [How to build a Custom HTML5 Video Player with JavaScript](https://freshman.tech/custom-html5-video/) + +## Example projects + +- [HTML5 Video Player](https://codepen.io/blackjacques/pen/bgamaj) on codepen. + +- [HTML5 Video Player advanced](https://codepen.io/OddlyTimbot/pen/GRgLQM) on codepen. \ No newline at end of file diff --git a/README.md b/README.md index f6557617..1fe7c05d 100644 --- a/README.md +++ b/README.md @@ -115,6 +115,7 @@ required to complete them. | [Timezone Slackbot](./Projects/2-Intermediate/Timezone-Slackbot.md) | Display Team Timezones | 2-Intermediate | | [To-Do App](./Projects/2-Intermediate/To-Do-App.md) | Manage personal to-do tasks | 2-Intermediate | | [Typing Practice](./Projects/2-Intermediate/Typing-Practice-App.md) | Typing Practice | 2-Intermediate | +| [Video Player](./Projects/2-Intermediate/Video-Player.md) | Video Player App | [Voting App](./Projects/2-Intermediate/Voting-App.md) | Voting App | 2-Intermediate | ### Tier-3: Advanced Projects