1.0.1 • Published 1 year ago
react-pro-player v1.0.1
React Pro Player
react-pro-player is a React video player component that allows you to play HLS (m3u8) files. It provides a customizable video player with features such as play button, progress bar, toggle full screen, and quality selector.
Installation
You can install react-pro-player using npm or yarn.
NPM
npm install react-pro-player
Yarn
yarn add react-pro-player
Usage
First, import react-pro-player and its stylesheet into your project:
import React from 'react'
import ReactProPlayer from 'react-pro-player'
import 'react-pro-player/dist/index.css'
Then, you can use the ReactProPlayer component in your app by passing in the src and poster props:
const App = () => {
return (
<ReactProPlayer
src='https://live-par-2-abr.livepush.io/vod/bigbuckbunny/index.m3u8'
poster='https://wallpaperaccess.com/full/2680068.jpg'
/>
)
}
export default App
Contributing
Contributions are welcome! If you'd like to contribute to react-pro-player, please submit a pull request with your changes.
License
react-pro-player is open source software licensed as MIT.