1<!DOCTYPE html> 2<html lang="en-US" dir="ltr"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1"> 6 <title>Example Generator | </title> 7 <meta name="description" content="JavaScript library for displaying sheet music in a browser."> 8 <meta name="generator" content="VitePress v2.0.0-alpha.12"> 9 <link rel="preload stylesheet" href="/assets/style.Bjyw_YZJ.css" as="style"> 10 <link rel="preload stylesheet" href="/vp-icons.css" as="style"> 11 12
12<script type="module" src="/assets/app.B0bGLAVO.js"></script>
12 13 <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin=""> 14 <link rel="modulepreload" href="/assets/chunks/theme.44G75b2n.js"> 15 <link rel="modulepreload" href="/assets/chunks/framework.CAxyzSFi.js"> 16 <link rel="modulepreload" href="/assets/chunks/index.DRo0WOk4.js"> 17 <link rel="modulepreload" href="/assets/overview_example-generator.md.BrbuVQ6P.lean.js"> 18 <link rel="icon" href="/favicon.ico"> 19 <link rel="stylesheet" type="text/css" href="https://examples.abcjs.net/abcjs-audio.css"> 20 <link rel="stylesheet" type="text/css" href="/styles.css"> 21
21<script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
21 22
22<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
22 23 </head> 24 <body> 25 <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-0b0ada53></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-0b0ada53>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar" data-v-9f75dce3 data-v-2a96a3d0><div class="wrapper" data-v-2a96a3d0><div class="container" data-v-2a96a3d0><div class="title" data-v-2a96a3d0><div class="VPNavBarTitle has-sidebar" data-v-2a96a3d0 data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!--[--><img class="VPImage logo" src="/images/abcjs_comp_extended_08.svg" alt data-v-8426fc1a><!--]--><span data-v-1e38c6bc> </span><!--[--><!--]--></a></div></div><div class="content" data-v-2a96a3d0><div class="content-body" data-v-2a96a3d0><!--[--><!--]--><div class="VPNavBarSearch search" data-v-2a96a3d0><!----></div><!----><!----><div class="VPNavBarAppearance appearance" data-v-2a96a3d0 data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-2a96a3d0 data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/paulrosen/abcjs" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-2a96a3d0 data-v-bb2aa2f0 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bb2aa2f0><div class="item appearance" data-v-bb2aa2f0><p class="label" data-v-bb2aa2f0>Appearance</p><div class="appearance-action" data-v-bb2aa2f0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bb2aa2f0 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bb2aa2f0><div class="item social-links" data-v-bb2aa2f0><div class="VPSocialLinks social-links-list" data-v-bb2aa2f0 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/paulrosen/abcjs" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-2a96a3d0 data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-2a96a3d0><div class="divider-line" data-v-2a96a3d0></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-8acdfeb5><div class="container" data-v-8acdfeb5><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-8acdfeb5><span class="vpi-align-left menu-icon" data-v-8acdfeb5></span><span class="menu-text" data-v-8acdfeb5>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-8acdfeb5 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-e7c6e512><div class="curtain" data-v-e7c6e512></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-e7c6e512><span class="visually-hidden" id="sidebar-aria-label" data-v-e7c6e512> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Overview</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/overview/purpose'><!--[--><p class="text" data-v-d81de50c>Purpose</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/overview/examples'><!--[--><p class="text" data-v-d81de50c>Examples</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/overview/getting-started'><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/overview/example-generator'><!--[--><p class="text" data-v-d81de50c>Example Generator</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/overview/abc-notation'><!--[--><p class="text" data-v-d81de50c>ABC Music Notation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/overview/faq'><!--[--><p class="text" data-v-d81de50c>Frequently Asked Questions</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Visual</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/visual/overview'><!--[--><p class="text" data-v-d81de50c>Overview</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/visual/render-abc-options'><!--[--><p class="text" data-v-d81de50c>Render Options</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/visual/render-abc-result'><!--[--><p class="text" data-v-d81de50c>Return value</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/visual/classes'><!--[--><p class="text" data-v-d81de50c>Classes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/visual/click-listener'><!--[--><p class="text" data-v-d81de50c>Click Listener</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/visual/dragging'><!--[--><p class="text" data-v-d81de50c>Selecting and Dragging</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/visual/tablature'><!--[--><p class="text" data-v-d81de50c>Tablature</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Audio</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/audio/synthesized-sound'><!--[--><p class="text" data-v-d81de50c>Synthesized Sound</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Animation</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/animation/timing-callbacks'><!--[--><p class="text" data-v-d81de50c>Timing Callbacks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Interactive</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/interactive/interactive-editor'><!--[--><p class="text" data-v-d81de50c>
25Editor</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Transposing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/transposing/transposing'><!--[--><p class="text" data-v-d81de50c>Transposition</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Analysis</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/analysis/tune-book'><!--[--><p class="text" data-v-d81de50c>Tune Book</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Deprecated</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/deprecated/deprecated-api'><!--[--><p class="text" data-v-d81de50c>Deprecated API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Plugin</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/plugin/plugin'><!--[--><p class="text" data-v-d81de50c>Plugin</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Developers</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/developers/pull-requests'><!--[--><p class="text" data-v-d81de50c>Pull Requests</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/developers/basic-architecture'><!--[--><p class="text" data-v-d81de50c>Basic Architecture</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/developers/releasing'><!--[--><p class="text" data-v-d81de50c>Releasing</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Upgrading</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/upgrading/release-notes'><!--[--><p class="text" data-v-d81de50c>Release Notes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class='VPLink link link' data-v-d81de50c href='/upgrading/midijs'><!--[--><p class="text" data-v-d81de50c>MIDI.JS</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-aff0b8d7><div class="VPDoc has-sidebar has-aside" data-v-aff0b8d7 data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-2d0bdf9b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _overview_example-generator" data-v-7011f0d8><div>
25<h1 id="example-generator" tabindex="-1">Example Generator <a class="header-anchor" href="#example-generator" aria-label="Permalink to âExample Generatorâ">â</a></h1><p>The most common options for using the synthesizer are listed below. Mix and match them to fit your needs, then copy the code produced into your own project.</p><div class="warning custom-block"><p class="custom-block-title">In Progress</p><p>The following is a work in progress. I hope you'll find it useful but there are many improvements planned. If you'd like to contribute to the items that are currently marked out, please do!</p></div><div class="sandbox-container" data-v-11ab9ee9><nav data-v-11ab9ee9><div class="tab-container" data-v-11ab9ee9><button class="tab selected" data-v-11ab9ee9>Options</button><button class="tab" data-v-11ab9ee9>Demo</button><button class="tab" data-v-11ab9ee9>Source Code</button></div><button class="download" data-v-11ab9ee9>Download Working Demo</button></nav><div class="options" data-v-11ab9ee9><div class="sandbox-input" data-v-11ab9ee9 data-v-c8324d21><div data-v-c8324d21><fieldset data-v-c8324d21 data-v-14a7f8fa><legend data-v-14a7f8fa>Setup</legend><!--[--><div class="check-box" data-v-c8324d21 data-v-7e83ff4d><label class="checkbox" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" value="true" checked data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I am using the Node ecosystem</span></label><!----></div><!--]--></fieldset><fieldset data-v-c8324d21 data-v-14a7f8fa><legend data-v-14a7f8fa>Visual</legend><!--[--><div class="check-box" data-v-c8324d21 data-v-7e83ff4d><label class="checkbox" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" value="true" checked data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>Show sheet music</span></label><div class="sub-options" data-v-7e83ff4d><!--[--><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>The width of the music should change with the width of the display</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>Cursor should follow the playback</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>Measures should hide as they finish playing</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want to style the chords like a fake book</span></label><!----></div><!--]--></div></div><!--]--></fieldset><div class="radio-group" data-v-c8324d21 data-v-f5a72989><fieldset data-v-f5a72989 data-v-14a7f8fa><legend data-v-14a7f8fa>Changes</legend><!--[--><!--[--><label class="radio radio-gradient" data-v-f5a72989><span class="radio__input" data-v-f5a72989><input type="radio" name="changes" value="programmatic" checked data-v-f5a72989><span class="radio__control" data-v-f5a72989></span></span><span class="radio__label" data-v-f5a72989>The tune is determined programmatically</span></label><label class="radio radio-gradient" data-v-f5a72989><span class="radio__input" data-v-f5a72989><input type="radio" name="changes" value="drag" data-v-f5a72989><span class="radio__control" data-v-f5a72989></span></span><span class="radio__label" data-v-f5a72989>User changes the tune with a visual editor</span></label><label class="radio radio-gradient" data-v-f5a72989><span class="radio__input" data-v-f5a72989><input type="radio" name="changes" value="editor" data-v-f5a72989><span class="radio__control" data-v-f5a72989></span></span><span class="radio__label" data-v-f5a72989>User changes the tune with a text editor</span></label><!--]--><!--]--></fieldset></div><fieldset data-v-c8324d21 data-v-14a7f8fa><legend data-v-14a7f8fa>Audio Control</legend><!--[--><div class="check-box" data-v-c8324d21 data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="true" checked data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>Show playback widget</span></label><div class="sub-options" data-v-7e83ff4d><!--[--><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want the large playback widget</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>Include Loop</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="true" checked data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>Include Restart</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="true" checked data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>Include Play</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="true" checked data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>Include Progress</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>Include Warp</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="true" checked data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>Include Clock</span></label><!----></div><!--]--></div></div><!--]--></fieldset></div><div data-v-c8324d21><fieldset data-v-c8324d21 data-v-14a7f8fa><legend data-v-14a7f8fa>Sound</legend><!--[--><div class="check-box" data-v-c8324d21 data-v-7e83ff4d><label class="checkbox" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want sound</span></label><div class="sub-options" data-v-7e83ff4d><!--[--><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want a metronome accompaniment</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want to control the tempo programmatically</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want to create a stereo effect</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want to set the instrument(s) that are played back</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want to transpose</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want to turn off the chord accompaniment</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><s
25pan class="radio__label" data-v-7e83ff4d>I want to turn off a voice</span></label><!----></div><div class="check-box todo" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want to be able to tweak the audio before it is created.</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want to download a MIDI file</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want to play an arbitrary note without ABC</span></label><!----></div><div class="check-box todo" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want to switch tunes dynamically</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want to hide a voice visually but play it</span></label><!----></div><div class="check-box todo" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want to preload notes</span></label><!----></div><div class="check-box todo" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want to loop some measures</span></label><!----></div><div class="check-box todo" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I want to add swing feel</span></label><!----></div><div class="check-box" data-v-7e83ff4d data-v-7e83ff4d><label class="checkbox checkbox--disabled" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" disabled value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>I have my own soundfont</span></label><!----></div><!--]--></div></div><!--]--></fieldset><fieldset data-v-c8324d21 data-v-14a7f8fa><legend data-v-14a7f8fa>Timing</legend><!--[--><div class="check-box" data-v-c8324d21 data-v-7e83ff4d><label class="checkbox" data-v-7e83ff4d><span class="checkbox__input" data-v-7e83ff4d><input type="checkbox" value="false" data-v-7e83ff4d><span class="checkbox__control" data-v-7e83ff4d><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false" data-v-7e83ff4d><path fill="none" stroke="var(--vp-c-neutral)" stroke-width="3" d="M1.73 12.91l6.37 6.37L22.79 4.59" data-v-7e83ff4d></path></svg></span></span><span class="radio__label" data-v-7e83ff4d>Listen for callbacks</span></label><!----></div><!--]--></fieldset></div></div></div><!----><!----></div></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class='VPLink link pager-link prev' data-v-e257564d href='/overview/getting-started'><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Getting Started</span><!--]--></a></div><div class="pager" data-v-e257564d><a class='VPLink link pager-link next' data-v-e257564d href='/overview/abc-notation'><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>ABC Music Notation</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div> 26
26<script>window.__VP_HASH_MAP__=JSON.parse("{\"analysis_tune-book.md\":\"C5zB0Rhj\",\"animation_timing-callbacks.md\":\"uTBm8dBu\",\"api-examples.md\":\"BBHH0vaB\",\"api.md\":\"D-hJ372_\",\"audio_synthesized-sound.md\":\"_Si8Rvw3\",\"deprecated_deprecated-api.md\":\"Dzb7TK8P\",\"developers_basic-architecture.md\":\"CQ1t54S1\",\"developers_pull-requests.md\":\"CcEfvsa4\",\"developers_releasing.md\":\"DC66LAY1\",\"index.md\":\"U2qnt-Qv\",\"interactive_interactive-editor.md\":\"CMIsWiAS\",\"markdown-examples.md\":\"BQj9Ym2O\",\"overview_abc-notation.md\":\"xMXm1dzl\",\"overview_example-generator.md\":\"BrbuVQ6P\",\"overview_examples.md\":\"9su7NkhZ\",\"overview_faq.md\":\"BN-jC8NH\",\"overview_getting-started.md\":\"BklMg5oM\",\"overview_purpose.md\":\"BqWZZkSz\",\"plugin_plugin.md\":\"BQbtt0aZ\",\"transposing_transposing.md\":\"CooPAvqk\",\"upgrading_midijs.md\":\"NRtwyVbY\",\"upgrading_release-notes.md\":\"8AS-S6yM\",\"visual_classes.md\":\"DKvuIBMV\",\"visual_click-listener.md\":\"CDNRDh9p\",\"visual_dragging.md\":\"D9x1G-OM\",\"visual_overview.md\":\"Gcg5uK3c\",\"visual_render-abc-options.md\":\"B5Bdqbkz\",\"visual_render-abc-result.md\":\"b6KSF_zI\",\"visual_tablature.md\":\"C6Kpptwe\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\" \",\"description\":\"JavaScript library for displaying sheet music in a browser.\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/abcjs_comp_extended_08.svg\",\"sidebar\":[{\"text\":\"Overview\",\"items\":[{\"text\":\"Purpose\",\"link\":\"/overview/purpose\"},{\"text\":\"Examples\",\"link\":\"/overview/examples\"},{\"text\":\"Getting Started\",\"link\":\"/overview/getting-started\"},{\"text\":\"Example Generator\",\"link\":\"/overview/example-generator\"},{\"text\":\"ABC Music Notation\",\"link\":\"/overview/abc-notation\"},{\"text\":\"Frequently Asked Questions\",\"link\":\"/overview/faq\"}]},{\"text\":\"Visual\",\"items\":[{\"text\":\"Overview\",\"link\":\"/visual/overview\"},{\"text\":\"Render Options\",\"link\":\"/visual/render-abc-options\"},{\"text\":\"Return value\",\"link\":\"/visual/render-abc-result\"},{\"text\":\"Classes\",\"link\":\"/visual/classes\"},{\"text\":\"Click Listener\",\"link\":\"/visual/click-listener\"},{\"text\":\"Selecting and Dragging\",\"link\":\"/visual/dragging\"},{\"text\":\"Tablature\",\"link\":\"/visual/tablature\"}]},{\"text\":\"Audio\",\"items\":[{\"text\":\"Synthesized Sound\",\"link\":\"/audio/synthesized-sound\"}]},{\"text\":\"Animation\",\"items\":[{\"text\":\"Timing Callbacks\",\"link\":\"/animation/timing-callbacks\"}]},{\"text\":\"Interactive\",\"items\":[{\"text\":\"Editor\",\"link\":\"/interactive/interactive-editor\"}]},{\"text\":\"Transposing\",\"items\":[{\"text\":\"Transposition\",\"link\":\"/transposing/transposing\"}]},{\"text\":\"Analysis\",\"items\":[{\"text\":\"Tune Book\",\"link\":\"/analysis/tune-book\"}]},{\"text\":\"Deprecated\",\"items\":[{\"text\":\"Deprecated API\",\"link\":\"/deprecated/deprecated-api\"}]},{\"text\":\"Plugin\",\"items\":[{\"text\":\"Plugin\",\"link\":\"/plugin/plugin\"}]},{\"text\":\"Developers\",\"items\":[{\"text\":\"Pull Requests\",\"link\":\"/developers/pull-requests\"},{\"text\":\"Basic Architecture\",\"link\":\"/developers/basic-architecture\"},{\"text\":\"Releasing\",\"link\":\"/developers/releasing\"}]},{\"text\":\"Upgrading\",\"items\":[{\"text\":\"Release Notes\",\"link\":\"/upgrading/release-notes\"},{\"text\":\"MIDI.JS\",\"link\":\"/upgrading/midijs.md\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/paulrosen/abcjs\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
26 27 28 </body> 29</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.