Giter VIP home page Giter VIP logo

r3f-audio-visualizer's Introduction

r3f-audio-visualizer Release

An interactive audio visualizer built with react and THREE.js.

CLICK HERE FOR A LIVE DEMO


docs/demo-2024-1-12.gif


Quickstart

git clone https://github.com/dcyoung/r3f-audio-visualizer.git

cd r3f-audio-visualizer

cd app/
pnpm i
pnpm dev

r3f-audio-visualizer's People

Contributors

dcyoung avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

r3f-audio-visualizer's Issues

Unopinionated Integration

Is there anywhere I can see an integration of something like this but not react focused? Im an Angular dev with an app that plays some audio, and would love to toss a visualization like this in my app

Feature Req - Render IRL w/ WebXR

React-XR by the same people who made React Three Fiber

I'm not even asking you to do it but more just asking if you know it's possible?

Integrations

Amazing repo. Love the work you've done with the animations and features.

I was wondering if there's a possibility to hook into spotiy web-api or youtube? the hacky solution is to just use microphone. Spotify maybe not due to their DRM policies but YouTube should work similarily?

Cheers ๐Ÿฅณ

Can you add a license?

Hi David,

This is such a great visualizer, amazing work. Can you add a license to it? I would like to use it in a project.

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.