alphaTab - Staves

Back

This sample shows how show only specific staves

Score and Tablature

Tablature and Score

Score only

Tablature only

With Settings

Source

<script language="JavaScript" type="text/javascript">
(function($) {
    $(document).ready(function() { 
        var f = 'files/Gp6Jingle.gp5';
        
        $('div.alphaTabFull').alphaTab({file: f,  staves: ["score", "tablature"]});
        $('div.alphaTabFull2').alphaTab({file: f, staves: ["tablature", "score"]});
        $('div.alphaTabScore').alphaTab({file: f, staves: ["score"]});
        $('div.alphaTabTablature').alphaTab({file: f, staves: ["tablature"]});
        $('div.alphaTabConfigured').alphaTab({file: f, 
            staves: {
                "tablature": {rhythm: true}
            }
        });
    });
})(jQuery);
</script>
<h2>Score and Tablature</h2>
<div class="alphaTabFull"></div>
<h2>Tablature and Score</h2>
<div class="alphaTabFull2"></div>
<h2>Score only</h2>
<div class="alphaTabScore"></div>
<h2>Tablature only</h2>
<div class="alphaTabTablature"></div>
<h2>With Settings</h2>
<div class="alphaTabConfigured"></div>