├── public
├── favicon.ico
├── pop_sample.jpg
├── pop_sample.mp3
├── rap_sample.jpg
├── rap_sample.mp3
└── about
│ ├── astronaut.gif
│ ├── funky_sax.gif
│ ├── funky_sax.mp3
│ ├── funky_sax.png
│ ├── hand_drawn.mp3
│ ├── arabic_gospel.mp3
│ ├── typing_to_jazz.mp3
│ ├── fourier_transform.png
│ ├── img2img_example.png
│ ├── spectrogram_label.png
│ ├── funky_sax_to_piano.mp3
│ ├── funky_sax_to_piano.png
│ ├── web_app_screenshot.png
│ ├── hand_drawn_spectrogram.png
│ ├── mambo_but_from_jamaica.mp3
│ ├── mambo_but_from_jamaica.png
│ ├── techno_to_jamaican_rap.mp3
│ ├── happy_cows_interpolation.gif
│ ├── acoustic_folk_fiddle_solo.mp3
│ ├── acoustic_folk_fiddle_solo.png
│ ├── latent_space_interpolation.png
│ ├── sunrise_dj_set_to_hard_synth.mp3
│ ├── church_bells_to_electronic_beats.mp3
│ ├── rock_and_roll_electric_guitar_solo.mp3
│ ├── rock_and_roll_electric_guitar_solo.png
│ ├── fantasy_ballad_to_teen_boy_pop_star.mp3
│ ├── newyourkduststorm_goldenhourmountain.mp3
│ └── detroit_rap_to_jazz_denoising_0_6_seed_50.mp3
├── .eslintrc.json
├── postcss.config.js
├── styles
├── globals.css
└── Home.module.css
├── next.config.js
├── pages
├── _app.tsx
├── api
│ ├── server.js
│ └── baseten.js
├── index.tsx
└── about.tsx
├── components
├── FallingBehindWarning.tsx
├── about
│ ├── CaptionedImage.tsx
│ └── ToApp.tsx
├── ImagePlane.tsx
├── ThreeCanvas.tsx
├── RotatingBox.tsx
├── Pause.tsx
├── HeightMapImage.tsx
├── PageHead.tsx
├── DebugView.tsx
├── SpectrogramViewer.tsx
├── AudioPlayer.tsx
├── Info.tsx
├── ModelInference.tsx
├── PromptEntry.tsx
├── Settings.tsx
├── Share.tsx
└── PromptPanel.tsx
├── .gitignore
├── tsconfig.json
├── tailwind.config.js
├── package.json
├── LICENSE
├── types.ts
├── README.md
├── shaders.js
├── samplePrompts.ts
└── external
└── unmute.js
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/favicon.ico
--------------------------------------------------------------------------------
/public/pop_sample.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/pop_sample.jpg
--------------------------------------------------------------------------------
/public/pop_sample.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/pop_sample.mp3
--------------------------------------------------------------------------------
/public/rap_sample.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/rap_sample.jpg
--------------------------------------------------------------------------------
/public/rap_sample.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/rap_sample.mp3
--------------------------------------------------------------------------------
/public/about/astronaut.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/astronaut.gif
--------------------------------------------------------------------------------
/public/about/funky_sax.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/funky_sax.gif
--------------------------------------------------------------------------------
/public/about/funky_sax.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/funky_sax.mp3
--------------------------------------------------------------------------------
/public/about/funky_sax.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/funky_sax.png
--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "next/core-web-vitals",
3 | "rules": { "react/no-unescaped-entities": 0 }
4 | }
5 |
--------------------------------------------------------------------------------
/public/about/hand_drawn.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/hand_drawn.mp3
--------------------------------------------------------------------------------
/public/about/arabic_gospel.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/arabic_gospel.mp3
--------------------------------------------------------------------------------
/public/about/typing_to_jazz.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/typing_to_jazz.mp3
--------------------------------------------------------------------------------
/public/about/fourier_transform.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/fourier_transform.png
--------------------------------------------------------------------------------
/public/about/img2img_example.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/img2img_example.png
--------------------------------------------------------------------------------
/public/about/spectrogram_label.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/spectrogram_label.png
--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: {
3 | tailwindcss: {},
4 | autoprefixer: {},
5 | },
6 | }
7 |
--------------------------------------------------------------------------------
/public/about/funky_sax_to_piano.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/funky_sax_to_piano.mp3
--------------------------------------------------------------------------------
/public/about/funky_sax_to_piano.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/funky_sax_to_piano.png
--------------------------------------------------------------------------------
/public/about/web_app_screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/web_app_screenshot.png
--------------------------------------------------------------------------------
/public/about/hand_drawn_spectrogram.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/hand_drawn_spectrogram.png
--------------------------------------------------------------------------------
/public/about/mambo_but_from_jamaica.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/mambo_but_from_jamaica.mp3
--------------------------------------------------------------------------------
/public/about/mambo_but_from_jamaica.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/mambo_but_from_jamaica.png
--------------------------------------------------------------------------------
/public/about/techno_to_jamaican_rap.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/techno_to_jamaican_rap.mp3
--------------------------------------------------------------------------------
/public/about/happy_cows_interpolation.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/happy_cows_interpolation.gif
--------------------------------------------------------------------------------
/styles/globals.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | a {
6 | @apply text-gray-700 underline
7 | }
8 |
--------------------------------------------------------------------------------
/public/about/acoustic_folk_fiddle_solo.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/acoustic_folk_fiddle_solo.mp3
--------------------------------------------------------------------------------
/public/about/acoustic_folk_fiddle_solo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/acoustic_folk_fiddle_solo.png
--------------------------------------------------------------------------------
/public/about/latent_space_interpolation.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/latent_space_interpolation.png
--------------------------------------------------------------------------------
/public/about/sunrise_dj_set_to_hard_synth.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/sunrise_dj_set_to_hard_synth.mp3
--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {
3 | reactStrictMode: false,
4 | };
5 |
6 | module.exports = nextConfig;
7 |
--------------------------------------------------------------------------------
/public/about/church_bells_to_electronic_beats.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/church_bells_to_electronic_beats.mp3
--------------------------------------------------------------------------------
/public/about/rock_and_roll_electric_guitar_solo.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/rock_and_roll_electric_guitar_solo.mp3
--------------------------------------------------------------------------------
/public/about/rock_and_roll_electric_guitar_solo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/rock_and_roll_electric_guitar_solo.png
--------------------------------------------------------------------------------
/public/about/fantasy_ballad_to_teen_boy_pop_star.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/fantasy_ballad_to_teen_boy_pop_star.mp3
--------------------------------------------------------------------------------
/public/about/newyourkduststorm_goldenhourmountain.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/newyourkduststorm_goldenhourmountain.mp3
--------------------------------------------------------------------------------
/styles/Home.module.css:
--------------------------------------------------------------------------------
1 | .container {
2 | padding: 0 2rem;
3 | background: #0a2342;
4 | color: white;
5 | }
6 |
7 | .main {
8 | min-height: 100vh;
9 | }
10 |
--------------------------------------------------------------------------------
/public/about/detroit_rap_to_jazz_denoising_0_6_seed_50.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/riffusion/riffusion-app-hobby/HEAD/public/about/detroit_rap_to_jazz_denoising_0_6_seed_50.mp3
--------------------------------------------------------------------------------
/pages/_app.tsx:
--------------------------------------------------------------------------------
1 | import "../styles/globals.css";
2 | import type { AppProps } from "next/app";
3 | import { Analytics } from "@vercel/analytics/react";
4 |
5 | function MyApp({ Component, pageProps }: AppProps) {
6 | return (
7 | <>
8 |
{caption}
17 |{prompt}
36 |{prompt}
42 |{prompt}
52 |...
58 | } else { 59 | return ( 60 |{prompt}
62 |UP NEXT: Anything you want
; 68 | } else { 69 | return ( 70 |UP NEXT: {prompt}
72 |{prompt}
; 78 | } 79 | } 80 | case PlayingState.TRANSITION: 81 | switch (index) { 82 | case 0: 83 | return ( 84 |{prompt}
86 |{prompt}
92 |{prompt}
98 |-enter prompt-
; 103 | } else { 104 | return ( 105 |{prompt}
107 |...
; 113 | } else { 114 | return ( 115 |{prompt}
117 |UP NEXT: Anything you want
; 123 | } else { 124 | return ( 125 |UP NEXT: {prompt}
127 |{prompt}
; 133 | } 134 | } 135 | } 136 | }; 137 | 138 | return ( 139 |200 | Used as the base for img2img diffusion. This keeps your riff on beat and 201 | impacts melodic patterns. 202 |
203 |247 | The higher the denoising, the more creative the output, and the more 248 | likely you are to get off beat. 249 |
250 |