使用 WordPress 块编辑器显示数字乐谱

前端的OSMD插件输出.

PhonicScore 是一家位于维也纳的公司,最近发布了其 OpenSheetMusicDisplay (OSMD) 插件.它是一个 WordPress 块,用于在浏览器中呈现数字乐谱.

OSMD 插件建立在团队的同名 JavaScript 库之上,该项目于 2016 年正式发布.它是 VexFlow 和 MusicXML 之间的桥梁.VexFlow 是用于呈现乐谱的 JavaScript API,而 MusicXML 是用于交换数字乐谱的标准开放格式.

“因为 WordPress 是最受欢迎的 CMS 之一’我们决定制作一个开箱即用的解决方案,用户可以轻松插入他们的 WP 网站," Marin Jurcic 在公告中写道.“这不是一个简单的构建,幸运的是 OSMD 为这项工作提供了所有工具.为了实现这一点,我们严重依赖最新的 OSMD 版本并将其与插件捆绑在一起.添加"开箱即用的功能";并让它工作,我们使用了 WordPress 的框架/库 — Javascript 和 PHP.”

这种类型的插件可以让块编辑器的美感大放异彩.几年前,只有通过短代码系统才能实现这样的壮举.用户将不得不手动输入所有短代码的参数 —假设他们都能记住它们——并预览帖子以查看它的外观.今天,他们可以通过编辑器直接与他们的乐谱显示进行交互并进行更改.

OSMD 从来都不是 WordPress 优先的项目.这是一个独立的库,该公司决定将其提供给 WordPress.凭借块系统的力量,他们能够做到这一点.现在区块编辑器变得更加稳定,只能希望我们看到类似项目对我们社区的投资.

我们只是在时间的表面之下挖掘可能发生的事情.像 OSMD 这样的模块建立在我在系统首次亮相时的乐观情绪之上.

要使用该插件,用户只需将 OpenSheetMusicDisplay 块插入其内容画布即可.它位于嵌入类别下.从那时起,他们必须通过块选项侧栏选择或上传 XML 文件(支持 .xml.musicxml.mxl 文件).拖放文件在此版本中不起作用— 也许是 2.0 的功能请求?

编辑器中的 OSMD 块.

"基本选项"选项卡有几个宽度和纵横比设置.在大多数情况下,最好将这些保留为默认值.但是,这取决于您的主题以及它提供的空间大小.

该块目前不支持标准的宽对齐系统.相反,它有一个宽度选项,允许用户确定前端输出.由于这是一个非标准选项,因此它可能无法与所有主题配合使用.根据用户的活动主题处理内容宽度的方式,他们可以获得截然不同的结果.

"绘图选项"选项卡是用户可以更好地控制自定义输出的地方.这些设置允许用户确定什么是"绘制的".在数字乐谱中.一种选择是是否绘制作曲家的名字.另一种是输出拍号.总共有 10 个设置,需要修改的地方很多.

我在使用该插件时遇到的最大问题是编辑器不时冻结.看起来这个块正在尝试重新加载,即使我在它外面工作也是如此.尽管取消了"自动重新渲染更改"选项,但还是发生了这种情况.复选框.

总的来说,这个插件应该为想要很好地显示乐谱的用户提供服务.它使用简单,并提供了许多自定义选项.该团队在他们的网站上有一个 OSMD 库的演示.

对于那些不喜欢分享数字乐谱的人,好吧,我们都可以欣赏 J.S.的天才.巴赫的Air:

11

发表回复