Your browser is not capable of displaying this content.
The above is an example of a way to use the YouTube API to create an interactive form diagram. This sort of form diagram could be useful for music with or without a traditional score, and provides an interactive way to learn about musical form and structure. The page is built using HTML5, and is powered primarily by a single javascript file that interacts with the Fabric javascript library to draw within a canvas. The YouTube API keeps the playback in sync with the canvas area, and the user can click and drag on various parts of the canvas to move the playback head around. The data comes from a single XML file, built using a custom schema which contains all the timing information. For now this XML was created by hand, but someday I would love to provide a friendly web-based way of entering metadata. If you have any questions about this project, email me (Jim Halliday) at