topic.html

---
next_text: Getting started
next_id: topic00
---

<h3>Introduction</h3>

<p>
    This tutorial demonstrates different possibility to use the JavaScript toolkit of Verovio in a web environment. It goes from the most basic case to more complicated ones that make use of the interaction capabilities of the toolkit.
</p>
<p>
    The ZIP file with the tutorial can be downloaded from <a href="https://github.com/rism-ch/verovio-tutorial/archive/gh-pages.zip" download="">here</a>.
</p>
<p>
    With some browsers, like Firefox, you can run it by opening the HTML file in the browser. With other browsers, like Chrome, you might need to run a server : in the terminal, go to the folder where the HTML file is and type the following command : <code>python -m SimpleHTTPServer 8003</code> (Python 2) or <code>python -m http.server 8003</code> (Python 3). To find out which version of Python you have installed type: <code>python --version</code>. The file will then be available on <code>http://localhost:8003</code>.
</p>

<p>
    See the <a href="{{ site.baseurl }}/javascript.xhtml">JavaScript toolkit</a> page for more information about the methods available in the toolkit.
</p>

<div class="pull-right">
    <p><a href="./tutorial.xhtml?id={{ page.next_id }}">{{ page.next_text }}</a> →</p>
</div>