Partituras Digitais: como exibir com blocos do WordPress

A PhonicScore, uma empresa de Viena, lançou recentemente seu plugin OpenSheetMusicDisplay (OSMD). É um bloco WordPress construído para renderizar partituras digitais no navegador.

O plugin OSMD é construído sobre a biblioteca JavaScript da equipe de mesmo nome, um projeto lançado oficialmente em 2016. É uma ponte entre VexFlow e MusicXML. VexFlow é uma API JavaScript para renderização de notação musical e MusicXML é um formato aberto padrão para troca de partituras digitais.

“Como o WordPress é um dos CMS mais populares, decidimos fazer uma solução pronta para o uso que os usuários pudessem facilmente conectar em seus sites WP”, escreveu Marin Jurcic no anúncio. “Não foi uma construção fácil, para nossa sorte a OSMD forneceu todas as ferramentas para o trabalho. Para fazer isso acontecer, confiamos muito na versão mais recente do OSMD e o empacotamos com o plug-in. Para adicionar os ‘recursos prontos para uso’ e fazê-lo funcionar, usamos a biblioteca / estrutura do WordPress – Javascript e PHP. ”

Este é o tipo de plugin que permite que a beleza do editor de blocos brilhe. Há alguns anos, tal façanha só seria possível por meio do sistema de shortcode. Os usuários teriam que digitar manualmente todos os argumentos do shortcode – supondo que pudessem se lembrar de todos eles – e visualizar a postagem para ver como ficaria. Hoje, eles podem interagir e fazer alterações diretamente na exibição de suas partituras a partir do editor.

OSMD nunca foi um projeto pioneiro no WordPress. Era uma biblioteca autônoma que a empresa decidiu disponibilizar para o WordPress. Com o poder do sistema de blocos, eles foram capazes de fazer isso. Só podemos esperar que vejamos investimentos em nossa comunidade de projetos semelhantes, agora que o editor de bloco se tornou mais estável.

Mal estamos cavando abaixo da superfície do que será possível com o tempo. Blocos como o OSMD se baseiam no otimismo que eu tinha quando o sistema foi revelado pela primeira vez.

Para usar o plugin, os usuários devem simplesmente inserir o bloco OpenSheetMusicDisplay em sua tela de conteúdo. Ele está localizado na categoria Incorporar. A partir desse ponto, eles devem selecionar ou fazer upload de um arquivo XML através da barra lateral de opções de bloqueio (arquivos .xml, .musicxml e .mxl são suportados). Arrastar e soltar um arquivo não funciona nesta versão – talvez uma solicitação de recurso para 2.0?

A guia “Opções básicas” tem várias configurações de largura e proporção de aspecto. Para a maior parte, provavelmente é melhor deixar esses valores com os padrões. No entanto, isso dependerá do seu tema e de quanto espaço ele oferece.

O bloco não suporta atualmente o sistema de alinhamento amplo padrão. Em vez disso, ele tem uma opção de largura, permitindo que os usuários determinem a saída do front-end. Por ser uma opção fora do padrão, ela pode não funcionar bem com todos os temas. Dependendo de como o tema ativo do usuário lida com a largura do conteúdo, eles podem obter resultados totalmente diferentes.

A guia “Opções de desenho” é onde os usuários têm mais controle sobre a personalização da saída. Essas configurações permitem que os usuários determinem o que é “desenhado” na partitura digital. Uma opção é desenhar o nome do compositor. Outra é produzir assinaturas de tempo. Com 10 configurações no total, há muito o que mexer.

O maior problema que tive com o plug-in foi com o editor travando de vez em quando. Parecia que o bloco estava tentando recarregar, mesmo quando eu estava trabalhando fora dele. Isso aconteceu apesar de ter desmarcado a caixa de seleção “Rerender automaticamente ao alterar”.

No geral, este plugin deve servir aos usuários que desejam exibir bem as partituras. É simples de usar e oferece inúmeras opções de personalização. A equipe tem uma demonstração da biblioteca OSMD em ação em seu site.

Fonte: WP Tavern

Este site usa cookies para lhe oferecer uma melhor experiência de navegação. Ao navegar neste site, você concorda com o uso de cookies.