Skip to content
This repository was archived by the owner on Aug 7, 2018. It is now read-only.
This repository was archived by the owner on Aug 7, 2018. It is now read-only.

Timeline not appearing #84

@18932508

Description

@18932508

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)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions