Frame-accurate Seeking

Adds support for seeking to specific frames and SMPTE timecodes.

Installation

Include the plugin next to the core player:

<script src="//cdn.flowplayer.com/releases/native/stable/flowplayer.min.js"></script>
<script src="//cdn.flowplayer.com/releases/native/stable/plugins/fas.min.js"></script>

Async cloud player installation

To enable the plugin in the async cloud player, declare it in the "plugins": [] config object with fas .

Configuration

The plugin is configured with the top level configuration object fas.

Configuration properties:

• frame_rate - The frame rate of current video. 30 is assumed if omited.

API

The API lives under fas namespace in the Player API.

Methods:

• current_frame() - Returns the frame at current time
• current_timecode() - Return the current SMPTe timecode.
• seek_to(timecode_or_frame) - Seeks to either SMPTE timecode or frame number.
  • If a string is passed as argument, SMPTE timecode is assumed.
  • If a number is passed, frame number is assumed.
• jump(n) - Seeks n frames forward (or backward if a negative number is passed).

Sample code

var player = flowplayer('#container', {
  src: '//edge.flowplayer.org/29.97fps.mp4',
  fas: {
    frame_rate: 29.97
  }
})

player.fas.seek_to(123);

Demo

Codepen