Comments (11)
React-Mic uses the MediaRecorder API to record audio. Safari doesn't support that API. So I'm not sure how to get this working in Safari.
from react-mic.
Yes, only way to convince them is to add your comment as @octavn says.
Here's the link to create your account only with your email address.
After confirming your email and filling in your name, you can now add your comment to MediaStream API: support MediaStreamRecorder implementation. 🎉💪🏻
from react-mic.
Thank you for notifying me! I will adjust the package shortly and notify you. Again, thanks for the heads up!
from react-mic.
Hey I don't know how to record microphone input on Safari 11. With Chrome and Firefox, you use the MediaRecorder
API, but that doesn't appear to be available on Safari 11 (iOS + desktop).
Do you know how I can do this for Safari?
from react-mic.
The information from Apple isn't very helpful - see here. They just claim to support the Media Capture API. And using react-mic, I do get prompted for permission, and the browser indicates that the microphone is active, but I'm guessing there's a quirk somewhere in their implementation since the recorded blob is empty.
from react-mic.
There is no Media Recorder API in Safari yet. That is the API used to record audio in the browser.
I can provide an error message for Safari users if they try to record audio from their microphone.
But I don't think we can get this to work in Safari yet.
from react-mic.
It's only in iOS 11, but it's there.
from react-mic.
See this thread for a link to a working example.
from react-mic.
And here's the source for the example (example 3):
https://github.com/GersonRosales/Record-Audios-and-Videos-with-getUserMedia
from react-mic.
So I'm running into this issue now. So this just doesn't work on safari? is there any plan to try and fix this?
from react-mic.
This bug report on bugs.webkit.org tracks the MediaRecorder implementation in WebKit and thus Safari.
I encourage everyone to show their interest and add a comment describing how a MediaRecorder implementation would help their project/development. Creating an account takes a second.
Chrome implemented MediaRecorder in Jan 2016. By that time the MediaRecorder feature request had gathered 2800+ starts on bugs.chromium.org.
from react-mic.
Related Issues (20)
- Is there any option to Pause the Recording ? HOT 1
- window is undefined HOT 3
- What is the default sample rate in Heartz that it records in? HOT 1
- Unable to set channelCount to 1
- onStop callback not refreshed on componentUpdate HOT 4
- Can't listen to file after downloading to PC
- onStop returns an Object, So how to get Blob that contains Blob data.
- Blobs received in onData function are unusable
- facing type error while testing 'npm run test' in reactjs
- Good morning. I am using react-mic. While using it, I found something strange on window pc, mac pc, and mobile.
- Not working correctly in deployment env HOT 2
- React Mic Gold Website Not Working HOT 8
- How can i upload this blob to firebase storage HOT 2
- Find Frequency from Blobs?
- How to use with typescript project (like NextJs) ? HOT 1
- add a megaphone feature? pls?
- Mic detection
- Doesn't support in react 18.0.x
- Browser audio recording is not supported HOT 2
- How well supported is this package? Is it worth using today?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-mic.