digital-paper-edit-client icon indicating copy to clipboard operation
digital-paper-edit-client copied to clipboard

Should we add timecodes to transcript in the Workspace UI?

Open emettely opened this issue 4 years ago • 0 comments

This is SUPER TBD, dependant on the outcomes of User Research!


Background

For reference, we used to have a little bit of commented code from Pietro which demonstrated how to do it in packages/components/ProgrammeScriptContainer/ProgrammeElements/PaperCut.js which was removed during migrating ProgrammeScriptContainer to the Storybook.

// In PaperCut() function
// TODO could wrap words in span and add timecodes to make it cliccable on programme script
<Col sm={ 3 } className={ 'text-truncate text-muted' }
// TODO: could add timecode from eg -  ${ shortTimecode(this.props.words[0].start) }
// TODO: Could add transcript name along side the timecode for the paper-cut
{/* <br/> */}
{/* <u style={ { cursor: 'pointer' } }>00:01:20</u> */}
{/* <br/> */}
{/* <FontAwesomeIcon icon={ faTag } />TagExample */}

emettely avatar Sep 12 '19 12:09 emettely