React Transcript Editor TS

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

In order to use a published version of react-transcript-editor, install the published module @kmoz000/react-transcript-editor by running:

npm install @kmoz000/react-transcript-editor

or

yarn add @kmoz000/react-transcript-editor

---

Import

import TranscriptEditor from "@kmoz000/react-transcript-editor";

---

Basic use case

<TranscriptEditor
  transcriptData={someJsonFile}
  mediaUrl={"https://download.ted.com/talks/KateDarling_2018S-950k.mp4"}
/>

transcriptData and mediaUrl are non-optional props to use TranscriptEditor. See the full list of options here.

---

Advanced use case

<TranscriptEditor
  transcriptData={someJsonFile}
  mediaUrl={"https://download.ted.com/talks/KateDarling_2018S-950k.mp4"}
  handleAutoSaveChanges={this.handleAutoSaveChanges}
  autoSaveContentType={"digitalpaperedit"}
  isEditable={true}
  spellCheck={false}
  sttJsonType={"bbckaldi"}
  handleAnalyticsEvents={this.handleAnalyticsEvents}
  fileName={"ted-talk.mp4"}
  title={"Ted Talk"}
  ref={this.transcriptEditorRef}
  mediaType={"video"}
/>

Licence

See LICENCE

Legal Disclaimer

this package originaly created by BBC dev team and this is a maintained version with types support and less imports.