React Video Player

A custom video player built using React, Vite, Ionic, and TailwindCSS, designed to function without relying on third-party libraries. This lightweight and flexible solution emphasizes a modern tech stack for crafting custom multimedia experiences.

🛠 Features

• Built with React, Vite, and TypeScript.
• Styling powered by TailwindCSS for rapid UI development.
• Cross-platform capabilities using Ionic framework.
• Zero dependency on third-party video libraries.
• Video playback support for common formats (e.g., MP4, WebM).
• Play, pause, and seek controls.
• Volume adjustment and mute/unmute options.
• Fullscreen toggle.
• Encrypt video source
• Support .m3u8 format using ffmpeg

💻 Tech Stack

• React: Component-based UI framework.
• Vite: Fast build tool for modern web projects.
• Ionic: Framework for cross-platform mobile/web apps.
• TailwindCSS: Utility-first CSS framework.
• TypeScript: Static type checking for JavaScript.

🚀 Run Locally

Clone the project

  git clone https://github.com/LunaNezha/react-video-player

Go to the project directory

  cd react-video-player

Install dependencies

  npm install

Start the server

  ionic serve

✅ Running Tests

To run tests, run the following command

  npm run test

🤝 Contributing

Contributions are always welcome!

If you’d like to improve this project:

• Fork the repository.
• Create your branch: git checkout -b feature/your-feature.
• Commit your changes: git commit -m "Add your message".
• Push to the branch: git push origin feature/your-feature.
• Open a Pull Request.

💡 Support

For support, email mahdie.nezhadhosseini@gmail.com.

📝 License

This project is licensed under the MIT License. See the LICENSE file for details.