CueTone

中文版|English

A simple and fun tool for pitch training to help you improve your musical ear! The interface features a hand-drawn sketch style, making the practice process more relaxed and enjoyable.

Features

• Play Scale: Play the C Major scale with one click to get familiar with the notes.
• Listening Test: A random note is played, and you need to identify it by clicking on the virtual piano keyboard.
• Bilingual Support: Supports both Chinese and English interfaces for user convenience.
• Hand-drawn Sketch Style: Unique visual design that makes learning more fun.

How to Use

1. Click the "Play Scale" button to hear the C Major scale.
2. Click the "Start Listening Test" button, and the system will play a random note.
3. Click on the note you think you heard on the virtual piano keyboard below.
4. The system will immediately tell you if you're right and provide feedback.

Tech Stack

• SvelteKit: Modern JavaScript framework for building user interfaces.
• Vite: Fast build tool.
• Tone.js: For handling and playing audio in the browser.
• Piano samples are from Salamander Grand Piano.

Development

Install Dependencies

npm install

Start Development Server

npm run dev

Then open http://localhost:5173 in your browser.

Build for Production

npm run build

Preview Production Build

npm run preview