CINXE.COM
wavesurfer.js v6 examples
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>wavesurfer.js v6 examples</title> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="./css/style.css" /> </head> <body> <div class="container"> <div style="display: flex"> <div style="flex: 1"> <h1>wavesurfer.js v6 examples</h1> <ul> <li><a href="angular/">angular/</a></li> <li><a href="angular-material/">angular-material/</a></li> <li><a href="annotation/">annotation/</a></li> <li><a href="audio-element/">audio-element/</a></li> <li><a href="bars/">bars/</a></li> <li><a href="cursor/">cursor/</a></li> <li><a href="elan/">elan/</a></li> <li><a href="elan-wave-segment/">elan-wave-segment/</a></li> <li><a href="equalizer/">equalizer/</a></li> <li><a href="gradient-fill-styles/">gradient-fill-styles/</a></li> <li><a href="html-init/">html-init/</a></li> <li><a href="markers/">markers/</a></li> <li><a href="media-session/">media-session/</a></li> <li><a href="mediaelement-webaudio/">mediaelement-webaudio/</a></li> <li><a href="microphone/">microphone/</a></li> <li><a href="minimap/">minimap/</a></li> <li><a href="minimap-vertical/">minimap-vertical/</a></li> <li><a href="mute/">mute/</a></li> <li><a href="panner/">panner/</a></li> <li><a href="playhead/">playhead/</a></li> <li><a href="playlist/">playlist/</a></li> <li><a href="plugin-system/">plugin-system/</a></li> <li><a href="regions/">regions/</a></li> <li><a href="rounded-bars/">rounded-bars/</a></li> <li><a href="rtl/">rtl/</a></li> <li><a href="spectrogram/">spectrogram/</a></li> <li><a href="split-channels/">split-channels/</a></li> <li><a href="split-wave-point-plot/">split-wave-point-plot/</a></li> <li><a href="stretcher/">stretcher/</a></li> <li><a href="timeline/">timeline/</a></li> <li><a href="timeline-notches/">timeline-notches/</a></li> <li><a href="vertical/">vertical/</a></li> <li><a href="video-annotation/">video-annotation/</a></li> <li><a href="video-element/">video-element/</a></li> <li><a href="zoom/">zoom/</a></li> </ul> </div> <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CKYIE237&placement=wavesurfer-jsorg" id="_carbonads_js"></script> </div> </div> </body> </html>