使用技巧

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

用WordPress块编辑器显示数字表音乐用WordPress块编辑器显示数字乐谱OSMD插件输出在前端。

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

OSMD插件基于团队的同名JavaScript库构建,该库于2016年正式发布。它是两者之间的桥梁。 VexFlow音乐XML。 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的功能要求?

与WordPress块编辑器一起显示数字活页乐谱使用WordPress块编辑器显示数字活页乐谱OSMD块在编辑器中。

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

该模块当前不支持标准的广角对准系统。 相反,它具有width选项,允许用户确定前端输出。 由于这是非标准选项,因此可能无法在所有主题上正常播放。 根据用户活动主题处理内容宽度的方式,他们可以获得截然不同的结果。

用户可以在“绘图选项”选项卡上对自定义输出进行更多控制。 这些设置使用户可以确定数字活页乐谱中的“绘制”内容。 一种选择是是否绘制作曲家的名字。 另一个是输出时间签名。 总共有10个设置,还有很多需要修改的地方。

我对该插件遇到的最大问题是编辑器不时冻结。 似乎该块正在尝试重新加载,即使我在它外面工作时也是如此。 尽管未选中“更改时自动呈现”复选框,但仍发生了这种情况。

总体而言,此插件应为希望很好地显示乐谱的用户提供服务。 它易于使用,并提供了许多自定义选项。 团队有一个 OSMD库演示 在他们的网站上行动。

对于那些不愿共享数字乐谱的人,我们都可以欣赏JS Bach的Air的天才:

[embedded content]

像这样:

像载入中…

来源