The reactjs media is a react package with awesome HTMLMediaElements that are recreated into react components with a good looking UI and fast UX.
Try it out on CodeSandbox
It includes currently only has a video and audio component.
Available components:
- Video
- Audio
To install go to your terminal and run this script
# npm
$ npm install reactjs-media
# yarn
$ yarn add reacttjs-media
If your see no error then is is Installed.
In here we shall show a small demo on how to setup a simple video component. We shall create the default component.
import React from 'react';
import { Video } from 'reactjs-media';
const App = () => {
return (
<div>
<MyVideo />
</div>
)
}
const MyVideo = () => {
return (
<>
<div>
<Video
src='https://www.example.com/myvideo.mp4'
poster='/poster.png'
/>
<div/>
</>
)
}
If you want to learn more, Checkout the offical Documentation
The source code can be found on Github.