The widget also doubles up as a personal music theory companion. If you want to test yourself out on rhythm, scale, harmony and interval knowledge, then this will be right up your street. Over time the widget learns from how well you do and changes accordingly.
Answering questions is as simple as clicking with a mouse/trackpad or even using your computer keyboard if you prefer to move quickly. Your settings and your answers are applied instantly.
How to Use the Widget
At the very top of the widget are some settings that determine how you want to study. Select either a topic (harmony, for example) or keep it as mixed theory to give yourself an even mix of cards. Below is the card weight selector where you can make this easy or difficult. You can even choose really challenging advanced concepts in the moddern music theory world. Clicking either will reset the cards accordingly and deal out fresh ones to study.
Whenever you see a new card, carefully read the question and choose an answer by clicking the corresponding button. Alternatively, just hit the 1-4 buttons on your keyboard to pick an answer. After doing so, the widget will lock the card so it won’t accidentally be changed. The system will also highlight your answer and record that you got this right if you did. Otherwise, it marks it as wrong and adds it to your mistake drawer.
You can hear an example of the music through the audition function before you submit your answer. You can play the note(s), chord(s) or rhythm pattern that relate to the question by pressing the A key on your keyboard (or clicking the audition button). You will hear the notes at Concert Pitch where A4 = 440 Hz. All the examples are in tune. You can use them as a sound clue to check if what you think should sound like matches what it actualy sounds like.
Press enter and then open your margin note to read through the explanation of how the correct answer is correct. If you’re using the mistake drawer mode, press D to toggle on/off or click on the open margin note button. The explainer explains exactly what makes the correct answer correct and why the other ones aren’t. This could involve voice leading for harmony, exact semitone counts for intervals, or other bits of logic. These details will help you make sense of the question so you can build a mental model to use next time.
The adaptive mastery map takes care of tracking your progress for you. As you answer questions correctly (or not), the widget tracks that information and determines your accuracy % for each topic. In the sidebar, it shows you your overall score as well as how you’re doing on a per-topic basis. That information feeds into how the system weights following questions. This gives you more practice on the things you are prone to get wrong.
Every time you get a wrong card, it gets put in your mistakes drawer to be reviewed more carefully. You can get back into review mode (only showing the cards that were missed) by clicking on the open mistake drawer button. You can flip between regular adaptive flow and this targeted review session using the D key. The drawer stays open until you’ve gotten through all of the collected card right. So you won’t just skip ahead over the holes in your knowledge, you’ll actually close them.
You can use the master audio level to control the overall sound of the music and match it to your surroundings. For example, drag the slider down if you’re playing with other people present, or up for more details when you’re playing rhythmically complex pieces containing intricate chords. Even at high levels the audio stays clear because the sounds are created using simple waveforms inside the audio engine. Once you’ve set this to suit your needs at the beginning of a piece, just let it run.
The fullscreen button expands the widget so it fills up your whole screen. This allows for a more engaging experience without distracting browser elements. It also provides the questions with some extra breathing room. To exit fullscreen mode, just click the same button again or press the standard exit command in your browser.
For a quick refresher on the key mappings, there’s also a help panel that lists all of the controls available. Hit the how to play button to toggle it on and off.
Engage with it. Sing (or hum) your prediction then click on the audition button. The more active you are in using the tool, the stronger the link will be between what you hear in your head and the theory behind that. Don’t rush through the questions. Even if you think you have the right answer, take a moment to read why it is right and strengthen your thinking process.
Short regular sessions tend to work better then longer irregular ones. Click on start a clean ledger to empty out your score and all your mistakes from the mistake drawer. This will also clear the topic percentages back down to zero. If you think that the topics have been weighted too heavily in one direction or would like to test how much better you do after a certain amount of time, use this option. With a click it will give you a blank slate and a fresh start.
If you’d rather leave your hands on the deck, you’ll appreciate how smooth it is with keyboard shortcuts. In addition to the number keys for answer entry, A plays the audio, N deals the next card and D opens/closes the mistake drawer. As long as you aren’t typing in a text field, these will work so you can just flow through a study session without picking up the mouse.
The scope of this widget is broad as it includes most of the everyday language of western music. Expect questions on all manner of scales (modes), functions such as the dominant, and intervals (perfect and augmented). For the rhythm side expect note value, grouping patterns and time signatures. All examples are based off assumed pitch conventions and notation.
Then refine your study with the filters. Lock the drawer to harmony if you’re getting ready for an exam in that subject. Set the difficulty to working musician (or even deep cut) if you want a real challenge. Leave it on foundation level and mixed theory if you’d rather just explore and keep it all light and engaging. You’re in control: choose what you learn about and at what speed and depth.
Your greatest asset here is the mistake drawer. It hides the ideas that snag you so you can hammer at them until they penetrate. When you nail one in this way, it vanishes from the drawer and goes back into the common bucket. That keeps you practicing things you actualy need to work on, rather than just relearning things you already know. It makes failure part of the learning process, but structured, methodical failure.
As you play, keep an eye out for the topic scores. These are a quick snapshot that will show your areas of strength and weakness. Want to spend more time working on rhythm questions? Your rhythm score may be low while your interval score is high. The widget shows you this information clearly and helps inform how you decide to study. It is like a mirror into your musical knowledge.
The sound of it is instant and unambiguous. Chords are voiced so that you can hear them clearly. Rhythms are performed with a clear accent on the strong beat of each pattern to show how they group. Intervals are played in sequence to allow you to hear what interval is being used. All this audio context is essential to music theory; it’s not just visually important but also audibly. Make full use of the audition button to train your ear.
It also lets you stop-and-start at any time and pick up exactly where you left off. Within the same browser session, the widget will remember your current settings, scores/mistakes in the “drawer”, etc. Note however, that if you refresh the page, it’ll wipe out your local session data. Treat it more like a never-ending practice tool instead of a long term database. Practice it during bursts.
It’s been made with accessibility in mind, both in terms of usability and interface. Buttons and input have a focus state so you know where your cursor is. All interactive elements support keyboard navigation. If you don’t like using the mouse or the shortcut keys, you can just tab from one control to the next. It is built for function and does not have much decoration.
There are multiple levels; try a few until you’re comfortable. Too easy? Bump up to “working musician.” Overwhelmed by “deep cut”? Dial back down. You want to be in what’s called the “zone of proximal development” (challenged, but not frustrated). That’s how the widget helps: It lets you adjust difficulty on-the-fly.
Keep in mind: Music theory is a language. This is where you’re learning its words (vocabulary) and grammar. Your practice sentences are the questions. Your grammar rules are the explanations. How do you pronounce things? It’s on the audio! Think of every card as a mini-lesson in that setting. The more you play, the more fluent you’ll become.
Read slowly and take your time with the explanations. They’re intended to be thorough yet concise. Read them thoroughly so you know the what and most importantly the why. The more you can grasp this, the less it’s rote memorization and the more it becomes real knowledge. You will be able to answer more questions you’ve never seen before. Patterns are the stuff of theory… Not random facts.
Use full screen mode for those times when you need to focus. It provides a more focused space that helps encourage learning. The bigger size makes reading the questions and answers more comfortabley and the wider format makes everything easier to see. This is especially helpful if you’re viewing the site from a tablet or when you have multiple tabs open on your browser. It reduces the amount of stuff you have to look at.
So the first thing you should use to protect your ears from getting tired is the volume slider. Don’t crank it loud, just enough to enjoy the detail but not too much that you’re really pushing it. It doesn’t have to be turned up very loud to be audible; it’s an efficient audio engine. Remember that you can always go louder later but starting softer is easier on the ears.
There is no restriction on mixing and matching levels/topics within a single session. Feel free to alternate between harmony and interval work to keep it fresh. As you filter through topics, the widget processes them and updates the card pool to match. This variation avoids boredom and keeps the brain engaged. It is similar to how music blends various aspects of theory.
But the mistake drawer isn’t a punishment. It’s a precision tool. Imagine it’s a spotlight shining on areas where you could do better. As it empties, your foundation gets stronger. When you learn something difficult and watch that drawer empty, it’s satisfying. It gives you tangible proof that you’re making progress.
Your score reflects where you are at right now. If it begins low, don’t be discouraged. The system is designed to adapt so it’ll take you back to your weak points. As you work through and correct those mistakes over time, your percentages will increase. Take note of what you’re doing from session to session and watch yourself improve. It is a journey, not a destination.
Build muscle memory with the keyboard shortcuts. The more fluent you are, the faster you work. Knowing that ‘N’ deals next and ‘A’ audits will increase efficiency. The whole process feels less like filling in a form and more like playing an instrument. This reduces cognitive load. It lets you concentrate on the theory.
It’s conventional and broadly accepted content. You won’t be getting any non-standard or controversial definitions. The approach is based off the traditional Western system of tonal harmony. That is important because it provides a solid foundation to build on. What you learn here can be applied confidently to analysis, scores and real music. It is a good place to learn about.
Rest when you’re tired. Learning music theory takes concentration. If you’re too tired to keep going, try returning to the widget later with fresh eyes and you’ll probably get more from it. The widget saves your progress, so you can always resume where you left off. Approach learning as a marathon, not a sprint.
If you have practice partners, share how you’re getting on. Ask each other questions. Describe what you’re practicing. The widget is a solo learning experience but the knowledge it provides you is social. People make music. Make the most of this digital tool to improve your real-world musical experiences. It is a stepping stone to more engagement.
Now go play. Select a topic, pick a level, and turn over your first card. From there it’s natural. The widget will take care of the rest. Embrace the process. Let yourself learn. You’re developing a skill set with real value that can last you throughout your life. Each card you get right is a win. Continue on.