search

danrouse / react-audio-recorder

A React Component using the Web Audio API to record, save, and play audio.
MIT License
143 stars 45 forks source link

Illegal invocation Error #26

Open Blacktoviche opened 5 years ago

Blacktoviche commented 5 years ago

Error produces when press "Record" button on Opera waveInterface.js:38 Uncaught (in promise) TypeError: Failed to execute 'getUserMedia' on 'MediaDevices': Illegal invocation

on Firefox TypeError: 'getUserMedia' called on an object that does not implement interface MediaDevices

trostli commented 5 years ago

I'm experiencing the same bug

Blacktoviche commented 5 years ago

@trostli As we are on the clock I managed to integrate https://github.com/mattdiamond/Recorderjs in our React app It works fine

toneplex commented 5 years ago

The issue is that navigator.mediaDevices.getUserMedia uses promises not callbacks for success and error.

ryanyu104 commented 5 years ago

@trostli As we are on the clock I managed to integrate https://github.com/mattdiamond/Recorderjs in our React app It works fine

How did you solve this problem? Could you give more details? THX

murali-vutti commented 5 years ago

I am also getting the same error on Chrome. Did anyone solve this issue?

MatrixFrog commented 5 years ago

If @toneplex 's comment is correct then something like https://github.com/danrouse/react-audio-recorder/pull/29 should work (not tested yet!)

MatrixFrog commented 5 years ago

update: I tried the demo page with that fix and it seems to be working! :tada:

jakeols commented 5 years ago

FYI I installed @MatrixFrog's fork and it works great! (Chrome Version 74.0.3729.157 (Official Build) (64-bit))

jahirfiquitiva commented 5 years ago

@jakeols how did you do so?

jakeols commented 4 years ago

@jahirfiquitiva hey, sorry I completely missed the notification for this. Just add it in your package.json like below, and the run npm install

"react-audio-recorder": "github:MatrixFrog/react-audio-recorder#master",