in modules/monochrome/src/playback-control/stories.js [91:120]
render() {
const {compact = false, showSpeedOptions = false, showMarkers = false} = this.props;
const {isPlaying, currentTime, speed} = this.state;
return (
<PlaybackControl
compact={compact}
currentTime={currentTime}
startTime={0}
endTime={CLIP_LENGTH}
isPlaying={isPlaying}
markers={showMarkers ? MARKERS : []}
bufferRange={showMarkers ? BUFFER_RANGE : []}
onPlay={this._onPlay}
onPause={this._onPause}
onSeek={this._onSeek}
>
{showSpeedOptions && <div style={{flexGrow: 1}} />}
{showSpeedOptions && (
<Dropdown
key="speed-selector"
className="speed-selector"
data={PLAYBACK_SPEEDS}
value={String(speed)}
onChange={this._updateSpeed}
/>
)}
</PlaybackControl>
);
}