2.0.6 • Published 3 years ago
fragment-player v2.0.6
fragment-player
Play and seek through fragments of videos within a single player
Install
npm install --save fragment-player
Usage
import React from 'react'
import FragmentPlayerProvider, {FragmentPlayerContext} from 'fragment-player'
const fragments = [
{
src: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/SubaruOutbackOnStreetAndDirt.mp4',
fragmentBegin: 0,
fragmentEnd: 5,
},
{
src: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerFun.mp4',
fragmentBegin: 1,
fragmentEnd: 25,
},
{
src: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WeAreGoingOnBullrun.mp4',
fragmentBegin: 1,
fragmentEnd: 3,
},
]
const App = () => {
return (
<FragmentPlayerProvider fragments={fragments}>
<FragmentPlayerContext.Consumer>
{({video, seekTo, currentTime, totalLength}) => {
return (
<div style={{width: '100%'}}>
{video}
<input style={{width: '100%'}} type="range" min={0} max={totalLength} value={currentTime} onChange={(e) => seekTo(parseInt(e.target.value))}/>
</div>
)
}}
</FragmentPlayerContext.Consumer>
</FragmentPlayerProvider>
)
License
MIT © ryley-matos
2.0.6
3 years ago
2.0.5
3 years ago
2.0.4
3 years ago
2.0.3
3 years ago
2.0.2
3 years ago
2.0.1
3 years ago
2.0.0
3 years ago
1.2.6
4 years ago
1.2.5
4 years ago
1.2.4
4 years ago
1.2.3
4 years ago
1.2.2
4 years ago
1.2.1
4 years ago
1.2.0
4 years ago
1.1.1
4 years ago
1.1.0
4 years ago
1.0.14
4 years ago
1.0.13
4 years ago
1.0.12
4 years ago
1.0.11
4 years ago
1.0.10
4 years ago
1.0.9
4 years ago
1.0.8
4 years ago
1.0.7
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago