Search packages, repositories and app categories

GitHub repositorycraigomac/piano

piano

A Flutter package for working with piano keys and sheet music

piano project cover
Stars
91
Forks
32
Last push (UTC)
Jun 1, 2024
Project status
Active

Original README

English project snapshot. Visit GitHub for the latest content.

Piano

A Flutter package that provides:

  • logic for working with musical notes, clefs and octaves;
  • a widget that can render notes on a clef;
  • an interactive piano widget.

Where is it used?

In "Learn The Notes", a simple sight reading trainer you can find on the iOS App Store here and macOS App Store here.

Example showing musical clef and interactive piano

How do I use it?

Here's an example app:

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:piano/piano.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoApp(
        title: 'Piano Demo',
        home: Center(
          child: InteractivePiano(
            highlightedNotes: [
              NotePosition(note: Note.C, octave: 3)
            ],
            naturalColor: Colors.white,
            accidentalColor: Colors.black,
            keyWidth: 60,
            noteRange: NoteRange.forClefs([
              Clef.Treble,
            ]),
            onNotePositionTapped: (position) {
              // Use an audio library like flutter_midi to play the sound
            },
          ),
        ));
  }
}

More like this

  • I blog about Flutter here: https://handform.net/
  • I'm on LinkedIn: https://www.linkedin.com/in/craigbmcmahon/
Craig McMahon GitHub avatar
GitHub author

Craig McMahon ↗

I've been programming since QBASIC, and a mobile developer since PalmPilot. These days I like Swift, Flutter and machine learning.

Amsterdam, The NetherlandsOfficial website ↗
LanguagesDart

Packages published by this repository

Dependencies used

Dependency list 7 items

How do I choose a repository?

Start with your use case, compare repository activity, and check the original project before adopting it.

  1. Search by repository name, owner or description, then narrow the results by topic.
  2. Compare stars, forks and recent pushes. Stars show community interest, not a guarantee of quality.
  3. Read the README, license and issues on GitHub before using a project.

Sources and maintenance

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗