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演奏:
评论留言