@bbc/react-transcript-editor/dist/TranscriptEditor/MediaPlayer/PlaybackRate.js

A React component to make transcribing audio and video easier and faster.

import React from 'react';
import PropTypes from 'prop-types';
import styles from './PlaybackRate.module.css';

class PlaybackRate extends React.Component {
  render() {
    return React.createElement("div", null, React.createElement("p", {
      className: styles.helpText
    }, "Playback Rate", React.createElement("output", {
      className: styles.playbackRateValue
    }, ` x${this.props.playBackRate} `)), React.createElement("input", {
      type: "range",
      min: "0.2",
      value: this.props.playBackRate,
      max: "3.5",
      step: "0.1",
      onChange: this.props.handlePlayBackRateChange
    }), React.createElement("br", null), React.createElement("button", {
      type: "button",
      onClick: () => {
        this.props.setPlayBackRate(1);
      }
    }, "Reset Playback Rate"));
  }

}

PlaybackRate.propTypes = {
  handlePlayBackRateChange: PropTypes.func,
  playBackRate: PropTypes.number,
  setPlayBackRate: PropTypes.func
};
export default PlaybackRate;