wavesurfer.xyz Open in urlscan Pro
188.114.97.3  Public Scan

Form analysis
0 forms found in the DOM

Text Content

WAVESURFER.JS

Examples Docs GitHub
Wavesurfer.js is an open-source audio visualization library for creating
interactive, customizable waveforms.
Gold sponsor 💖 Closed Caption Creator


✨ FEATURES

 * HTML5 Audio and Web Audio support
 * Responsive and customizable waveforms
 * Highly extensible with plugins
 * TypeScript API – see the documentation

See more examples


🧑‍💻 QUICK START


<div id="waveform">
  <!-- the waveform will be rendered here -->
</div>

<script type="module">
import WaveSurfer from 'https://cdn.jsdelivr.net/npm/wavesurfer.js@7/dist/wavesurfer.esm.js'

const wavesurfer = WaveSurfer.create({
  container: '#waveform',
  waveColor: '#4F4A85',
  progressColor: '#383351',
  url: '/audio.mp3',
})

wavesurfer.on('interaction', () => {
  wavesurfer.play()
})
</script>
    


🧩 PLUGINS

 * Regions
   Creates clickable overlays to mark regions of audio.
 * Hover
   Shows the time position on hover.
 * Envelope
   A graphical interface to add fade-in and -out effects and control volume.
 * Record
   Records audio from the microphone and renders a waveform.
 * Minimap
   A small waveform that serves as a scrollbar for the main waveform.
 * Timeline
   Displays notches and time labels below the waveform.
 * Spectrogram
   A visual representation of the spectrum of frequencies in audio using FFT.
   Created by @akreal.




💾 EXAMPLES

 * Basic waveform visualization
 * Multi-track mixing
 * Audio annotations
 * Real-time microphone recording
 * Web Audio equalizer
 * A soundcloud-style player


Play Volume: 0.80


📖 API DOCUMENTATION

Discover how to use wavesurfer.js with our comprehensive TypeScript API
documentation.

Explore the API Docs


🙏 CONTRIBUTORS

We'd like to thank all our contributors for their hard work and dedication to
making wavesurfer.js the best audio visualization library out there.

View Contributors on GitHub
 * © 2012–2024 katspaugh
 * About
 * Privacy policy
 * Contact us
 * V6 examples
 * BSD-3-Clause License