react-wavesurfer icon indicating copy to clipboard operation
react-wavesurfer copied to clipboard

Timeline not appearing

Open 18932508 opened this issue 6 years ago • 1 comments

import Wavesurfer from 'react-wavesurfer'; import Timeline from 'react-wavesurfer';

require('wavesurfer.js'); require('wavesurfer.js/dist/plugin/wavesurfer.timeline.min.js');

const waveOptions = { progressColor: 'darkorange', waveColor: 'orange', barWidth: 3 };

const timelineOptions = { timeInterval: 1, height: 30, primaryFontColor: '#00f' };

<Wavesurfer
  audioFile={audio}
  pos={this.state.pos}
  onPosChange={event => this.handlePosChange(event.originalArgs[0])}
  playing={this.state.playing}
  options={waveOptions}
>
<Timeline  options={timelineOptions}/>
</Wavesurfer>`

The waveform works perfectly just cant see the timeline, when i inspect elements it seems to be there just not visible

(sorry for the weird format, first time posting a question)

18932508 avatar Jun 05 '18 11:06 18932508

@18932508 Did you figure this out?

Drivez avatar Jun 19 '18 11:06 Drivez