Player Builder

Customize your player and get the code instantly

Live Preview

Customize

Visual Style

Dimensions

Colors

30%
90%
90%

Content

External URLs may not work due to CORS

Features

Generated Code

DEVELOPER TOOL

Waveform Data Generator

Generate waveform data server-side for better performance

// Waveform data will appear here...

How to Use

  1. Generate waveform data using the tool above
  2. Save the JSON data to your server/database
  3. Pass the data to WaveformPlayer:
new WaveformPlayer('#player', {
    url: 'audio.mp3',
    waveform: savedWaveformData
});