Uso sencillo del conjunto de herramientas verovio javascript para mostrar los datos de EsAC como notación gráfica en una página web independiente con un poco de javascript.

La siguiente notación musical se genera a partir de los datos de EsAC que aparecen a continuación.









Fíjate en el uso de !!!filter: autobeam para unir las corcheas.

Consulta el código fuente de esta página para ver el javascript utilizado para crear la notación. La principal diferencia con respecto a Humdrum data display es que el formato de entrada se establece como "esac".

Marcadores de frases analítica

En este ejemplo, la nota inicial de una frase se resalta en verde y la nota final en azul. Esto se hace con el siguiente código CSS:

.phraseStart { fill: green; }
.phraseStart [stroke] { stroke: green; }

.phraseStop { color: blue; }
.phraseStop [stroke] { stroke: blue; }

.phraseStart.phraseStop { color: orange; }
.phraseStart.phraseStop [stroke] { stroke: orange; }

Las frases se codifican implícitamente en los datos de EsAC mediante saltos de línea. La primera nota de una línea es el inicio de la frase, y la última nota de una línea es el final de la frase. Estas notas se etiquetan en el SVG con las clases phraseStart y phraseStop respectivamente.