https://github.com/riffusion/riffusion-app-hobby

Stable diffusion for real-time music generation (web app)
https://github.com/riffusion/riffusion-app-hobby

ai audio diffusion music nextjs stable-diffusion threejs

Last synced: 3 days ago
JSON representation

Stable diffusion for real-time music generation (web app)

• Host: GitHub
• URL: https://github.com/riffusion/riffusion-app-hobby
• Owner: riffusion
• License: mit
• Created: 2022-11-20T19:20:04.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-22T18:01:37.000Z (6 months ago)
• Last Synced: 2025-01-02T00:06:32.542Z (10 days ago)
• Topics: ai, audio, diffusion, music, nextjs, stable-diffusion, threejs
• Language: TypeScript
• Homepage: https://riffusion.vercel.app
• Size: 30.6 MB
• Stars: 2,613
• Watchers: 38
• Forks: 194
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• project-awesome - riffusion/riffusion-app-hobby - Stable diffusion for real-time music generation (web app) (TypeScript)

README

        
# Riffusion App

:no_entry: This project is no longer actively maintained.

Riffusion is an app for real-time music generation with stable diffusion.

This repository contains the interactive web app that powers the website.

It is built with Next.js, React, Typescript, three.js, Tailwind, and Vercel.

## Run

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

First, make sure you have Node v18 or greater installed using `node --version`.

Install packages:

```bash

npm install

```

Run the development server:

```bash

npm run dev

# or

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the app.

The app home is at `pages/index.js`. The page auto-updates as you edit the file. The about page is at `pages/about.tsx`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Inference Server

To actually generate model outputs, we need a model backend that responds to inference requests via API. If you have a large GPU that can run stable diffusion in under five seconds, clone and run the instructions in the [inference server](https://github.com/hmartiro/riffusion-inference) to run the Flask app.

You will need to add a `.env.local` file in the root of this repository specifying the URL of the inference server:

```

RIFFUSION_FLASK_URL=http://127.0.0.1:3013/run_inference/

```

## Citation

If you build on this work, please cite it as follows:

```

@article{Forsgren_Martiros_2022,

  author = {Forsgren, Seth* and Martiros, Hayk*},

  title = {{Riffusion - Stable diffusion for real-time music generation}},

  url = {https://riffusion.com/about},

  year = {2022}

}

```