top of page

B-Side

Date

July 2025

Description

An AI music composition co-pilot combining real-time musical input analysis with intelligent vocal interaction.

The system processes live MIDI input through custom detection algorithms, feeds musical context and voice commands to OpenAI for intelligent responses, and uses Google Magenta for automated arrangements, creating an interactive environment that understands both your playing and spoken requests. 

github.png

Arrangement Generation Demo

Real-time MIDI analysis detects chord progressions and generates AI-powered bass lines and drum patterns using Google Magenta models.

Creative Advice Demo

Voice-activated AI assistant provides contextual musical guidance by understanding what the user is currently playing and offering personalized suggestions.

Watch the Full Presentation!

Tech Stack

User Interface

Astro

Modern web framework for interactive applications with optimal performance.

astro-icon-light-gradient.png

Backend/API

FastAPI

High-performance Python framework enabling asynchronous MIDI analysis.

Frame 38.png

Vite

Lightning-fast build tool with instant hot module replacement.

vite.png

MIDI Processing

Python

Backend language chosen for machine learning and audio processing capabilities.

python_logo_icon_168886.webp

Mido

Specialized library for capturing and analyzing MIDI messages.

mido.png

NumPy

Mathematical library for timing analysis and chord calculations.

numpy.png

AI Models

Web Speech API

Browser-native speech recognition for real-time voice commands.

webapi.png

Magenta

Google's music AI models for arrangement generation.

OpenAI API

GPT-powered AI providing contextual musical guidance.

openai.webp

Storage (Coming Soon)

SQLite

Lightweight database enabling real-time feedback loops that personalize AI responses as users interact.

sqlite.png

User

Speech Processing

MIDI/Audio Interface

OpenAI Integration

MIDI Analysis Engine

Arrangement Generation

Backend Infrastructure

System Architecture Flow

System Architecture Flow

Presentation Slides

bottom of page