乐谱网站必备WordPress数字乐谱插件-OSMD

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提供的独立库。借助区块系统的强大功能，他们能够做到这一点。既然区块编辑器变得更加稳定，人们只能希望我们能从类似的项目中看到对社区的投资。

要使用该插件，用户只需将OpenSheetMusicDisplay区块插入其内容编辑器即可。它位于“嵌入”类别下。从这一点来说，他们必须选择或上传通过区块选项栏的XML文件（.xml，.musicxml，和.mxl文件都支持）。拖放文件在此版本暂不支持-或者后续2.0版本会支持？

OSMD区块

“基本选项”选项卡具有多个宽度和纵横比设置。在大多数情况下，将它们保留为默认值即可。但是，这取决于您的主题及文章版面的宽度。

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

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

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

总体而言，此插件对需要在WordPress网站上展示乐谱的站长来说，绝对是一个利器。它使用简单，并提供了许多自定义选项。该团队在其站点上也有OSMD库的DEMO演示。

最后，让我们一起欣赏音乐天才JS Bach’s Air演奏：