How to use @bbc/react-transcript-editor - 3 common examples
To help you get started, we’ve selected a few @bbc/react-transcript-editor examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
bbc / digital-paper-edit-client / src / Components / PaperEdit / Transcripts / Paragraphs / Paragraph.js View on Github 
// paragraphStyle.borderWidth = '0.01em';
paragraphStyle.borderRight = '0.1em dashed lightgrey';
paragraphStyle.borderLeft = '0.1em dashed lightgrey';
}
}
return (
<span tabindex="0" data-start="{">{this.props.speakerName}</span>
{/*
<span tabindex="0" data-start="{" style="{"></span>>
<span tabindex="0">{this.props.speakerName}</span>
<span tabindex="0" data-start="{" style="{">
{ shortTimecode(this.props.paragraph[0].start) }
</span>
{this.props.wordsElements}
);
}
}onLoadedDataGetDuration = e => {
const currentDuration = e.target.duration;
const currentDurationWithOffset = currentDuration + this.state.timecodeOffset;
const durationInSeconds = secondsToTimecode(currentDurationWithOffset);
this.setState({
mediaDuration: durationInSeconds
});
};@bbc/react-transcript-editor
A React component to make transcribing audio and video easier and faster.
