Lightrun
question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't stop microphone in react functional components

See original GitHub issue

Wavesurfer: 3.3.0 Chrome: Version 79.0.3945.117 (Official Build) (64-bit) MacOS: 10.14.6 CODE: https://codepen.io/sascharissling/pen/abzKZwB?editors=0010

Hello there. I’m running wavesurfer with the microphone in a React app using functional components.

I can start the microphone just fine. But whenever i stop the microphone i get a `this.stream.stop is not a function``

This also happens when i call the stop, destroy, stopDevice with a timeout after letting the mic start automatically on rendering inside the useEffect

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6

github_iconTop GitHub Comments

1reaction
sascharisslingcommented, Jan 14, 2020

okay. thanks for your time! 😃 love the package. have a great day!

0reactions
thijstriemstracommented, Jan 14, 2020

I think the issue with my react code is

No idea, I don’t use/like React. Please use stackoverflow or react forums for that question.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to stop recorder of react-mic when parent component is ...
It's working fine, but in some cases, when a user click on some other link in app while recorder is ON, the parent...
Read more >
[Solved]-How to start and stop both the webcam stream and ...
Coding example for the question How to start and stop both the webcam stream and microphone in React JSX using WebRTC?-Reactjs.
Read more >
stopRecorder not working in functional component · Issue #313
yes i have test with a test project it doesn't work with functional component. here is stop function i am using. const onStopRecord...
Read more >
react-mic - npm
Record audio from your microphone and display as a sound oscillation. ... Start using react-mic in your project by running `npm i react-mic`...
Read more >
Using the React Speech Recognition Hook for voice assistance
React Speech Recognition is a React Hook that works with the Web Speech API to translate speech from your device's mic into text....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found
Previous page

Playing without audio on iOS 13.3.1

Next page

Error calling wavesurfer.seekTo, parameter must be a number between 0 and 1