Notation musicale de «Air» de JS Bach.
Sortie du plugin OSMD sur le front-end.

PhonicScore, une société de Vienne, a récemment publié son Plug-in OpenSheetMusicDisplay (OSMD). Il s’agit d’un bloc WordPress conçu pour le rendu de partitions numériques dans le navigateur.

Le plugin OSMD est construit sur la bibliothèque JavaScript de l’équipe du même nom, un projet officiellement publié en 2016. C’est un pont entre VexFlow et MusiqueXML. VexFlow est une API JavaScript pour le rendu de la notation musicale, et MusicXML est un format standard ouvert pour l’échange de partitions numériques.

«Comme WordPress est l’un des CMS les plus populaires, nous avons décidé de créer une solution prête à l’emploi que les utilisateurs pourraient facilement connecter à leurs sites Web WP», a écrit Marin Jurcic dans le message d’annonce. «Ce n’était pas une construction facile, heureusement pour nous OSMD a fourni tous les outils pour le travail. Pour y parvenir, nous nous sommes fortement appuyés sur la dernière version d’OSMD et l’avons intégrée au plugin. Pour ajouter les «fonctionnalités prêtes à l’emploi» et le faire fonctionner, nous avons utilisé le framework / bibliothèque de WordPress – Javascript et PHP. “

C’est le type de plugin qui permet à la beauté de l’éditeur de blocs de briller. Il y a quelques années, un tel exploit n’aurait été possible que via le système de shortcode. Les utilisateurs auraient dû taper manuellement tous les arguments du shortcode – en supposant qu’ils pouvaient tous se souvenir de eux – et prévisualiser le message pour voir à quoi il ressemblerait. Aujourd’hui, ils peuvent interagir et apporter des modifications directement à l’affichage de leur partition depuis l’éditeur.

OSMD n’a jamais été un premier projet WordPress. C’est une bibliothèque autonome que la société a décidé de mettre à disposition de WordPress. Avec la puissance du système de blocs, ils ont pu le faire. On ne peut qu’espérer que nous voyons des investissements dans notre communauté à partir de projets similaires maintenant que l’éditeur de blocs est devenu plus stable.

Nous creusons à peine sous la surface de ce qui sera possible avec le temps. Des blocs comme OSMD s’appuient sur l’optimisme que j’avais lorsque le système a été dévoilé pour la première fois.

Pour utiliser le plugin, les utilisateurs doivent simplement insérer le bloc OpenSheetMusicDisplay dans leur canevas de contenu. Il est situé sous la catégorie Intégrer. À partir de là, ils doivent sélectionner ou télécharger un fichier XML via la barre latérale des options de blocage (.xml, .musicxml, et .mxl les fichiers sont pris en charge). Le glisser-déposer d’un fichier ne fonctionne pas dans cette version – peut-être une demande de fonctionnalité pour 2.0?

Insertion et personnalisation du bloc OSMD dans l'éditeur WordPress.
Bloc OSMD dans l’éditeur.

L’onglet «Options de base» comporte plusieurs paramètres de largeur et de rapport hauteur / largeur. Pour la plupart, il est probablement préférable de laisser ces valeurs par défaut. Cependant, cela dépendra de votre thème et de l’espace qu’il offre.

Le bloc ne prend actuellement pas en charge le système d’alignement large standard. Au lieu de cela, il a une option de largeur, permettant aux utilisateurs de déterminer la sortie frontale. Comme il s’agit d’une option non standard, elle peut ne pas bien fonctionner avec tous les thèmes. Selon la façon dont le thème actif de l’utilisateur gère la largeur du contenu, il peut obtenir des résultats très différents.

L’onglet «Options de dessin» permet aux utilisateurs de mieux contrôler la personnalisation de la sortie. Ces paramètres permettent aux utilisateurs de déterminer ce qui est «dessiné» dans la partition numérique. Une option est de savoir s’il faut dessiner le nom du compositeur. Une autre consiste à produire des signatures de temps. Avec 10 réglages au total, il y a beaucoup à bricoler.

Le plus gros problème que j’ai rencontré avec le plugin était le gel de l’éditeur de temps en temps. Il est apparu que le bloc essayait de se recharger, même lorsque je travaillais en dehors de celui-ci. Cela s’est produit malgré avoir décoché la case “Rendre automatiquement en cas de modification”.

Dans l’ensemble, ce plugin devrait servir les utilisateurs qui souhaitent bien afficher les partitions. Il est simple à utiliser et offre de nombreuses options de personnalisation. L’équipe a un démo de la bibliothèque OSMD en action sur leur site.

Pour ceux qui ne sont pas enclins à partager des partitions numériques, eh bien, nous pouvons tous apprécier le génie de JS Bach Air:


Source link