mozdevs / MediaRecorder-examples

MediaRecorder examples
https://mozdevs.github.io/MediaRecorder-examples
Mozilla Public License 2.0
93 stars 40 forks source link

MediaRecorder live audio demos not working on Firefox 54/54a2 =( #15

Open tourdefran opened 7 years ago

tourdefran commented 7 years ago

Hi, I'm dealing with this problem, I can't make work this simple demos on my Firefox (v54). I also tried dev edition (54.0a2):

https://mozdevs.github.io/MediaRecorder-examples/record-live-audio.html https://mozdevs.github.io/MediaRecorder-examples/using-live-audio-in-web-audio-context.html

They work fine in Chrome My first thought was to blame on navigator.getUserMedia deprecated method but for my surprise the examples are using the new method with the promise (navigator.mediaDevices.getUserMedia)

Any clue/help please? Thanks in advance

tourdefran commented 7 years ago

Hi @sole do you any idea about this?

sole commented 7 years ago

Do you see any error on the developer tools console? They work on my Firefox installation. When reporting bugs it helps to have as much information as possible. Such as errors in the console or even what is it that happens versus what you expected to happen.

tourdefran commented 7 years ago

Nothing in the console. It just get stuck. Looks like it's related to the system audio sample rate settings. https://github.com/chris-rudmin/Recorderjs/issues/79

belen-albeza commented 7 years ago

I have tried on Developer Edition (v54) and on Nightly (v55) on a Mac and it works for me.

@fran, the issue you linked points out to a Firefox bug, but it's marked as fixed on v46. I'm not sure if it's a regression or a new (different bug). Could you be a bit more specific about it getting stuck? Is audio recorded? Are the mediarecorder events firing? Do you get any messages on the browser console (not the dev one, this one is launched by Ctrl+Shift+J, or Cmd+Shift+J on a Mac). With this we could open a new bug if needed, and give you the ticket number so you can track it.

tourdefran commented 7 years ago

Hi @belen-albeza on this demo: https://mozdevs.github.io/MediaRecorder-examples/record-live-audio.html

system: Windows 7 64bit, Firefox 53.0.2(64bit) expected: Step 1: click on record audio Step 2: prompt to access microphone, click to allow it Step 3: the record button blurs and stop button is highlighted Step 4: click on stop and recorded audio start to play

but, no audio is recorded and the counter is in 0:00

I'm getting this error Browser console log:

15:53:58.402 A promise chain failed to handle a rejection. Did you forget to '.catch', or did you forget to 'return'? See https://developer.mozilla.org/Mozilla/JavaScript_code_modules/Promise.jsm/Promise

Date: Mon May 08 2017 15:53:55 GMT-0300 (Argentina Standard Time) Full Message: Error: page-thumbnail:error Full Stack: observe@resource://gre/modules/BackgroundPageThumbs.jsm:116:22 _onCaptureOrTimeout@resource://gre/modules/BackgroundPageThumbs.jsm:305:7 done@resource://gre/modules/BackgroundPageThumbs.jsm:451:7 _done@resource://gre/modules/BackgroundPageThumbs.jsm:470:7 notify@resource://gre/modules/BackgroundPageThumbs.jsm:428:5 1 BackgroundPageThumbs.jsm:116

image