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演奏:
評論留言