react-wavesurfer
react-wavesurfer copied to clipboard
Timeline not appearing
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 Did you figure this out?