Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Please provide this project in react js #1635

Open
SAMEER-KALISETTI opened this issue Dec 5, 2023 · 5 comments
Open

Please provide this project in react js #1635

SAMEER-KALISETTI opened this issue Dec 5, 2023 · 5 comments

Comments

@SAMEER-KALISETTI
Copy link

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Is your feature request for a new Audio Feature Extractor? Please link to relevant articles, formulae, information about usage, and implementations - as much information as possible

A list of sources for background reading on your requested Audio Feature Extractor

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

@hughrawlinson
Copy link
Member

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

@SAMEER-KALISETTI
Copy link
Author

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

@ayushi15092002
Copy link

Any update on this?

@hughrawlinson
Copy link
Member

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.

@sevensinjai
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

4 participants