Skip to main content
188 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
1 vote
1 answer
42 views

I'm using several waveforms based on this script example: https://wavesurfer.xyz/examples/?react-global-player.js But I'd like to have unique color for each waveform. So I tried this part of the code ...
elefant's user avatar
  • 13
1 vote
0 answers
174 views

I’m trying to replicate Rekordbox’s 3-band waveform display (low, mid, high frequencies as solid, color-coded shapes) in JavaScript using canvas. I’ve already created a Python script that extracts ...
Gabriel's user avatar
  • 29
1 vote
1 answer
272 views

I have this implementation where the backend strams audio files. And I want an approach that enables fast loading and playing of the audio file : Everything works as intended but there seem to be ...
Fred Wofoz's user avatar
  • 13
1 vote
0 answers
127 views

I am using wavesurfer.js to display an audio waveform and that part works fine, but it shows the entire audio wave, whereas I need to pass a start point and end point or a start point and duration and ...
CRAIG's user avatar
  • 1,029
0 votes
1 answer
403 views

Hello Stockoverflow Community, I am encountering an issue with integrating WaveSurfer.js into a custom page section on my Shopify store. Despite successful implementation of the section, the waveform ...
Bas Lefeber's user avatar
  • 1
0 votes
1 answer
356 views

I am trying to plot the waveform of an audio file which is getting retrived from an S3 bucket. However, when I try to load the URL into wavesurfer.load(), I get the following error: Uncaught (in ...
user avatar
-1 votes
1 answer
332 views

Is there a way to combine an audio file (either .mp3 or .wav) and store some text information in a .txt file and save it as one single file (in which format such a file would be, I am not sure). Edit: ...
woka's user avatar
  • 26
0 votes
1 answer
244 views

I have a need to create a hover effect on a waveform (generated using the WaveSurfer library). The purpose of this effect is to change the color of the waveform when the mouse cursor is hovered over ...
artyom.poteshkin98's user avatar
  • 129
0 votes
1 answer
331 views

I'm working on an audio editor based on web, in Javascript. It's not a live audio player (like a virtual dj console) where filters and effects are applied in real time. It's a web app that allows user ...
Marco86's user avatar
  • 41
1 vote
1 answer
245 views

both button is after the 2 waveform, I want waveform and then the button under on that waveform, same with the other one Can somebody help me with the alignment of the button, on the photo, you see ...
the nerdy girl's user avatar
  • 11
5 votes
1 answer
1k views

I'm encountering a CORS issue when attempting to use Wavesurfer.js to fetch audio files from Firebase Storage within my React application. While simple HTML5 audio tags work without any CORS-related ...
Audrius Kurgonas's user avatar
  • 59
0 votes
0 answers
775 views

I'm using the wavesurfer.js library and its record plugin for a vuejs project. I'm using the record plugin to create a voice message. I would like to be able to retrieve the blob of the audio file and ...
Raphael M's user avatar
  • 25
1 vote
1 answer
504 views

I'm using wavesurfer.js with React and Typescript. To get the typings I'm also using the corresponding @types/wavesurfer.js. Now I want to use the cursor plugin. When I'm importing the actual ...
Aleksandr Epp's user avatar
  • 117
0 votes
0 answers
250 views

I have multiple instances of wavesurfer player on one page. i need to pause all players when I click "play" a certain player How to make it so that when the player is playing, all other ...
Denys Kril's user avatar
  • 1
0 votes
3 answers
1k views

I'm using this wavesurfer.js package with React for display wave form of audio. I want to display the current elapsed time using this getCurrentTime() method in their docs and answer here on github. I ...
Toby's user avatar
  • 119
1 vote
0 answers
347 views

I have made a spectrogram of an audio file using wavesurfer with spectrogram plugin and colormap in angular. I want to add colorbar to it. Please suggest how to implement that. this.wave = WaveSurfer....
Shubham CSE's user avatar
  • 77
1 vote
0 answers
104 views

I use Wavesurfer.js to play audio items on my website. The idea is to stop the audio when i click on another item. I have this code, but i got error "Cannot read properties of undefined (reading '...
Enrize's user avatar
  • 11
1 vote
0 answers
370 views

I am using wavesurfer.js library with Timeline plugin. And I am trying to get the time when a user clicks on the timeline. Example of library and Timeline plugin: https://codepen.io/lise26/pen/mpexma ...
rook's user avatar
  • 1,164
0 votes
1 answer
1k views

Solved: I followed the comment down below.. I have been struggling for HOURS trying to beat this, but i can´t do it. The problem down below have a BUTTON, which has a child of an FontAwesomeIcon ...
Stian Larsen's user avatar
  • 23
0 votes
1 answer
917 views

I have problem. This code adds a click event to the wavebar. wavesurfer.drawer.on("click", () => {console.log(wavesurfer.getCurrentTime())}) When i click on the wave bar, i get the time ...
Saman's user avatar
  • 347
4 votes
0 answers
314 views

I am currently working on a rather important ReactJS web project consisting of editing audio files. However, I'm encountering a rather complex problem and I must admit that I've been struggling for ...
Camille Rakoto's user avatar
  • 41
1 vote
1 answer
278 views

I want to use wavesurfer.js and use the <wavesurfer> tag, but I do not know how and whatever I do, the sound does not load. <wavesurfer data-url="http://127.0.0.1:8000/media/post/audio/...
Reza Shakeri's user avatar
  • 117
1 vote
1 answer
460 views

I am trying to use wavesurfer.js with node bundler, as indicated here: https://www.npmjs.com/package/wavesurfer.js?activeTab=readme but I can not get it working, I get the following error: Uncaught ...
jsturnio's user avatar
  • 123
0 votes
1 answer
740 views

I have case in which I need to updated video frame when we drag region from waveform. I know that even "region-updated" get trigger when we move/drag region, and get Region object in ...
nothing's user avatar
  • 39
1 vote
0 answers
785 views

So I have managed to make a wavesurfer 'wave' so to speak. I can get it to play. I even managed to add regions. But for some reason it just isn't doing anything when it enters or exits a region. In ...
Josh Winters's user avatar
  • 855

1
2 3 4