GithubHelp home page GithubHelp logo

Comments (5)

hughrawlinson avatar hughrawlinson commented on June 20, 2024 1

You can use meyda with react already. I'll keep this issue open in case anyone would like to contribute an example or tutorial.

from meyda.

SAMEER-KALISETTI avatar SAMEER-KALISETTI commented on June 20, 2024

Can You provide any resources for that meyda with react already.

from meyda.

ayushi15092002 avatar ayushi15092002 commented on June 20, 2024

Any update on this?

from meyda.

hughrawlinson avatar hughrawlinson commented on June 20, 2024

I'm not sure what kind of an update you're expecting. You can already use Meyda with react. It's not any different from using Meyda with web audio. This issue is open to let developers know that they could contribute an example or a tutorial, but it's not something I'm planning to write myself.

To give you some brief pointers, to use Meyda (and web audio generally) in react, I would recommend writing a hook to store your ref to your AudioContext, your Meyda object, and depending on your use case, either useEffect and getAnimationFrame to monitor the data from Meyda in sync with the optimum refresh rate, or the Meyda callback to get continuous logs of audio feature data from your audio.

This is fully working already. If you'd like to implement it and contribute a written tutorial to the docs, feel free to open a PR.

from meyda.

sevensinjai avatar sevensinjai commented on June 20, 2024

i have an example of using meyda in a nextjs project LOL, i think i can wrap it up a bit and give you a PR.

from meyda.

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.