Skip to content

Latest commit

 

History

History
76 lines (48 loc) · 3.08 KB

README.md

File metadata and controls

76 lines (48 loc) · 3.08 KB
Raw

Video Player

video-player

Welcome to the Video-Player React Project! This project provides a modern and user-friendly video player interface built using ReactJS, HTML, CSS, and JavaScript. The Video-Player is designed to be fully responsive and packed with a range of features to enhance your video watching experience.

Features

  • ► Play/Pause: Easily start and pause the video playback with a single click.
  • ■ Stop: Stop the video playback and reset it to the beginning.
  • 🔊 Volume Control: Adjust the volume level to your preference by increasing or decreasing the volume.
  • 🔇 Mute: Quickly mute or unmute the video's audio with the mute button.
  • ⛲ Full-Screen: Enjoy your videos in full-screen mode for an immersive viewing experience.
  • ⏲ Remaining Time: The video player displays the remaining time of the current video.
  • ▶◀ Navigation: Seamlessly navigate to the next or previous video in the playlist.
  • 📺 Play by URL: Paste a valid video URL to play a video directly from the web.

New UI and Controls

The Video-Player project boasts a brand-new user interface that is both visually appealing and intuitive to use. The controls have been thoughtfully designed to provide easy access to the various functionalities while keeping the user experience smooth and engaging.

Live Preview

Check out the live preview of the Video-Player project on Netlify: Live Preview

Getting Started

To run the Video-Player project locally, follow these steps:

  1. Clone this repository to your local machine using:

    git clone https://github.com/sahilatahar/video-player.git

  2. Navigate to the project directory:

    cd video-player

  3. Install the required dependencies using your preferred package manager. For example, with npm:

    npm install

  4. Start the development server:

    npm run dev

  5. Open your web browser and go to http://localhost:5173 to access the Video-Player application.

Technologies Used

  • ReactJS: Building the user interface and managing component-based architecture.
  • Vite: Fast and lightweight frontend tooling for development.
  • HTML: Structuring the content and layout of the video player.
  • CSS and SCSS: Styling the UI components and ensuring responsiveness.
  • JavaScript: Adding interactivity and logic to the video player functionality.

Contributions

Contributions to the Video-Player React Project are welcome! If you have any improvements, bug fixes, or additional features in mind, feel free to fork this repository, make your changes, and submit a pull request.

License

This project is licensed under the MIT License, which means you are free to use, modify, and distribute the code as you see fit.

We hope you enjoy using the Video-Player for your video playback needs. If you have any questions or feedback, please don't hesitate to reach out.

Happy video watching! 🎥🍿