React转录编辑器( Transcript Editor)
made with React

简介及使用教程

React转录编辑器( Transcript Editor)是一个转录编辑器,基于React,让用户更轻松、更快速地纠正音频和视频的自动转录文本。

安装

安装组件

npm

npm install @bbc/react-transcript-editor

开发模式

下载源码到本地:

git clone https://github.com/bbc/react-transcript-editor.git myproject
cd myproject

安装依赖

npm i

本地运行

npm start

使用

引入组件

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

基础用法

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

高级用法

<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"}
/>

示例

image.png

作者

相关项目

这是一个模拟 macOS 桌面样式的个人简介展示页。
这是一个由JavaScript和API驱动的WordPress.com网站。
这是一个美术艺术品的在线市场。
这是一个用于自动生成精美简历的网站。
这是一个CSS打高尔夫球游戏
这是一个提取图片颜色的调色板。