react-web-player-component

It's a react component to provide a seamless components to play a different type of media (GIF, video, audio).

Usage

npm install react-web-player-component

import "./App.css";
import { Player } from "react-web-player-component";
import "react-web-player-component/dist/playerControls.css";

function App() {
  return (
    <Player
      url={
        "https://res.cloudinary.com/drwviska5/video/upload/v1713686207/Trend/memes/becyf4toaabgoghlnvjp.mp4"
      }
      width={400}
      height={300}
    />
  );
}

Props

| Props | Description | Default | | --------- | ------------------------------------------- | ------- | | url | The URL of the video | - | | width | The width of the video player | - | | height | The height of the video player | - | | color | The color of the video player | red | | onPlay | Callback function when video starts playing | - | | onPause | Callback function when video is paused | - | | onSeeking | Callback function when seeking in the video | - |

Contributors

We welcome and appreciate contributions from the community to enhance this project. Whether you want to report a bug, suggest a feature, or submit a pull request, your contributions are valuable to us. Here's how you can contribute:

• Reporting Issues: If you encounter any issues or bugs, please open an issue on GitHub with details about the problem.
• Feature Requests: Feel free to suggest new features or improvements by opening an issue. We would love to hear your ideas!
• Pull Requests: If you want to contribute directly to the codebase, submit a pull request with your changes. Make sure to follow our Contribution Guidelines.

Thank you for considering contributing to our project. Your help makes a difference!