Git Product home page Git Product logo

Comments (4)

mgorzel avatar mgorzel commented on August 19, 2024 1

I think it could be related to this bug. It looks like Firefox requires the crossOrigin property of the audio element to be specified. Adding: audioElement.crossOrigin = 'anonymous'; to the .js solved that for me.

from resonance-audio-web-sdk.

brianchirls avatar brianchirls commented on August 19, 2024

I can confirm both of these issues. Here is another example site where there is reverb in Chrome but not Firefox: https://demo.datavized.com/drums/

My architecture is different from @ianpetrarca's, so it is very likely an issue with Resonance, not with his code.

from resonance-audio-web-sdk.

brianchirls avatar brianchirls commented on August 19, 2024

@drewbitllama This does fix the cross origin bug, but it does not address the lack of reverb in Firefox. There does appear to be reverb in the samples, but not in @ianpetrarca's example, nor mine. Can we re-open this please?

I'm digging but haven't been able to find anything yet. I know there have been a handful of deprecations around the Web Audio API in the last few months and years, so perhaps there's a difference of implementation that's causing problems. I did see a warning in Firefox about using the deprecated doppler effect, but that seems to have gone away.

from resonance-audio-web-sdk.

drewbitllama avatar drewbitllama commented on August 19, 2024

Hi Brian / Ian,

Can you open a separate issue re:Reverberation and create and share a simple demo demonstrating a lack of reverb (ideally the least code needed to reproduce the bug).

Thanks!
Drew

from resonance-audio-web-sdk.

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.