Allows users to step frame-by-frame through a video.
This has to make an unfortunate assumption about framerate, but it should be "ok" for general use. If you can run framerate detection on the server side, this plugin works perfectly for you.
- Updated code causing warnings for deprecated methods .plugin -> .registerPlugin
- Appends buttons after playToggle
- Added .css to package
$ npm install @douglassllc/videojs-framebyframe
import 'videojs-framebyframe/videojs.framebyframe.js'
import 'videojs-framebyframe/videojs.framebyframe.css'
let options: {
plugins: {
framebyframe: {
fps: 30,
steps: [
{ text: '< 1f', step: -1 },
{ text: '1f >', step: 1 }
]
}
}
}
let player = videojs('my-video', options)
We have no easy way to calculate framerate in Javascript, so we make a guess. If you're serving the video yourself or otherwise can calculate the FPS value, then you should use that and supply it to your videojs instance.
- http://stackoverflow.com/questions/20336955/how-to-step-one-frame-forward-and-one-frame-backward-in-video-playback
- http://stackoverflow.com/questions/4298084/html5-frame-by-frame-viewing-frame-seeking
- videojs/video.js#692
- Helena Rasche (@erasche)
- Miguel Grinberg (@miguelgrinberg)
Licensed under MIT