First we will set the stage for our new component. For simplicity we will put all our code into one
We also will be using the Content Delivery Network (CDN) jsdelivr.com to consume alphaTab into our project so there
will not be a need for any webserver, opening this index.html in your browser of choice will work for all steps in
As a step 1 create an
index.html in any folder and open it the editor of your choice and your browser.
Once done we will add the basic wireframe of our page and include alphaTab. For this put the following code into
<meta charset="utf-8" />
/* Our Styles will go here */
<!-- Our whole component will go into this wrapper -->
But now the page is still empty. In the next step we will setup alphaTab and show some music notation.