Comments (13)
Hi @MarinescuEvghenii I was using hark and when I checked its source indeed it was using createMediaStreamSource
so what I did was to create a clone of existing stream using stream.clone()
and pass it to hark, then the recording was clear. Thank you for pointing towards that. I never would have thought that createMediaStreamSource
would be the reason.
@ai I think if the MediaRecorder object uses cloned stream as the stream source instead of the original stream, no matter what other scripts do with the original stream, the recording won't break.
from audio-recorder-polyfill.
Hello @harwee I didn't solve it completely but I found where is the problem in my case. Besides recording I'm drawing the animation using "AudioContext" and the problem occurs when I'm creating the media stream source:
const mediaStream = audioContext.createMediaStreamSource(stream);
mediaStream.connect(audioAnalyser);
For the moment I'm doing some fake animation in Safari.
from audio-recorder-polyfill.
Have no idea, sorry.
from audio-recorder-polyfill.
@MarinescuEvghenii were you able to solve this problem? I am facing the same.
from audio-recorder-polyfill.
@harwee interesting. Can you make PR?
from audio-recorder-polyfill.
Sure, actual change is not that big but it will break many test cases so I need to modify test cases too.
from audio-recorder-polyfill.
I can confirm that stream.clone() fixes this on Safari
from audio-recorder-polyfill.
@nicolocarpignoli do you want to send PR if you already changed the sources?
from audio-recorder-polyfill.
@ai can you make a pull request, I tried making one but since i am not a JS developer I coudn't write test cases for this change 😞
from audio-recorder-polyfill.
@harwee you can send PR without tests (it is OK for browser compatibility fixes)
from audio-recorder-polyfill.
@ai check the pull request #23
from audio-recorder-polyfill.
Can somebody test master
, that problem was solved?
Just put it to package.json
:
"audio-recorder-polyfill": "ai/audio-recorder-polyfill",
from audio-recorder-polyfill.
the fix released in 0.1.4
from audio-recorder-polyfill.
Related Issues (20)
- Using in angular HOT 1
- Deprecated warning for the 'ScriptProcessorNode' HOT 8
- Microphone resource not released after stopping HOT 2
- MP3 Bitrate HOT 1
- MP3 encoder seems to record at ~90% normal speed? HOT 3
- this.requestData is not a function HOT 3
- No sound on iOS Safari. HOT 2
- Video support HOT 3
- No request for microphone in Chrome mobile browser. Uncaught (in promise) DOMException: Permission denied HOT 8
- No ES module in v0.3.7 npm package? HOT 1
- Content Security Policy Issue HOT 2
- How Convert base 64? HOT 1
- Integration into a Angular project HOT 1
- testing this on safari on guest mac on vmware HOT 1
- More complete OOG encode example HOT 7
- MimeType 'audio/wav' since no more supported by Safari Preview 117 HOT 2
- How to integrate with NEXT JS HOT 3
- Not working on iOS Safari HOT 3
- Stop event never dispatched HOT 3
- Using chunked recording only yields header with duration of the first blob. HOT 3
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 audio-recorder-polyfill.