Git Product home page Git Product logo

Comments (13)

harwee avatar harwee commented on August 18, 2024 3

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.

uxigene avatar uxigene commented on August 18, 2024 1

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.

ai avatar ai commented on August 18, 2024

Have no idea, sorry.

from audio-recorder-polyfill.

harwee avatar harwee commented on August 18, 2024

@MarinescuEvghenii were you able to solve this problem? I am facing the same.

from audio-recorder-polyfill.

ai avatar ai commented on August 18, 2024

@harwee interesting. Can you make PR?

from audio-recorder-polyfill.

harwee avatar harwee commented on August 18, 2024

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.

nicolocarpignoli avatar nicolocarpignoli commented on August 18, 2024

I can confirm that stream.clone() fixes this on Safari

from audio-recorder-polyfill.

ai avatar ai commented on August 18, 2024

@nicolocarpignoli do you want to send PR if you already changed the sources?

from audio-recorder-polyfill.

harwee avatar harwee commented on August 18, 2024

@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.

ai avatar ai commented on August 18, 2024

@harwee you can send PR without tests (it is OK for browser compatibility fixes)

from audio-recorder-polyfill.

harwee avatar harwee commented on August 18, 2024

@ai check the pull request #23

from audio-recorder-polyfill.

ai avatar ai commented on August 18, 2024

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.

ai avatar ai commented on August 18, 2024

the fix released in 0.1.4

from audio-recorder-polyfill.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.