Uso dinámico del toolkit javascript de Verovio para actualizar la visualización de la notación de los datos editables de Humdrum en la página.

La página describe cómo generar notación dinámica a partir de los datos de Humdrum que se editan en una página web. La configuración del cuadro de edición de Humdrum es un poco complicada, por lo que esta página todavía tiene que ser escrita.

Mientras tanto, puedes observar cómo se configura en el sistema de generación de sitios estáticos Jekyll para su uso en la documentación de VHV. Empieza con el código fuente para esta página. También puedes ver el código fuente para la plantilla de figuras de Verovio, y el código fuente para las funciones de soporte de JavaScript.

Ejemplo

Intenta editar los datos de Humdrum en el cuadro de abajo. La notación debería actualizarse a medida que la modificas.

La visualización de los datos de Humdrum es opcional, pero entonces la notación no es editable: