# Plan to support sheet music

**URL:** https://meta.discourse.org/t/plan-to-support-sheet-music/306257
**Category:** Feature
**Created:** [April 30, 2024, 11:04pm UTC](https://meta.discourse.org/t/plan-to-support-sheet-music/306257 "2024-04-30T23:04:22Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![fbpbdmin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fbpbdmin/32/300893_2.png) [@fbpbdmin](https://meta.discourse.org/u/fbpbdmin)
#### Post date: [April 30, 2024, 11:04pm UTC](https://meta.discourse.org/t/plan-to-support-sheet-music/306257/1 "2024-04-30T23:04:22Z")

</div>

write, and render sheet music notes in posts?

seems there are some js libs, wonder if easy way to add this support 🙂

> **[A list of Sheet Music Display Libraries for Web browsers - Open Sheet Music...](https://opensheetmusicdisplay.org/blog/sheet-music-display-libraries-browsers/)**
>
> An overview for developers for displaying sheet music in their own web music score projects. We are asked again and again, which sheet music display libraries there are besides OpenSheetMusicDisplay \[…\]

---

<div class="post-metadata">

### Author: ![supermathie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/supermathie/32/507518_2.png) [@supermathie](https://meta.discourse.org/u/supermathie)
#### Post date: [April 30, 2024, 11:08pm UTC](https://meta.discourse.org/t/plan-to-support-sheet-music/306257/2 "2024-04-30T23:08:44Z")

</div>

The concept here is very similar to [Discourse Math](https://meta.discourse.org/t/discourse-math/65770); I suspect it would not be onerous to do.

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [May 1, 2024, 12:56am UTC](https://meta.discourse.org/t/plan-to-support-sheet-music/306257/3 "2024-05-01T00:56:23Z")

</div>

I confirm. Implementation is fairly straightforward. 👍  
You need a container, basic code, and sheet music to download (.musicxml).

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/b/3/5b31218deb827a9986c90b516ada6d48a5aaf822.png)

One issue is downloading the .musicxml file; it will fail because of CORS origin.  
I guess you would need an interface to upload it, and then you can render it with the local file.

I could not test the player; you must be a Github sponsor.

_(I will see to make a theme component)_

---

<div class="post-metadata">

### Author: ![fbpbdmin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fbpbdmin/32/300893_2.png) [@fbpbdmin](https://meta.discourse.org/u/fbpbdmin)
#### Post date: [May 1, 2024, 1:06am UTC](https://meta.discourse.org/t/plan-to-support-sheet-music/306257/4 "2024-05-01T01:06:09Z")

</div>

so cool ! @Arkshine

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [May 1, 2024, 1:49pm UTC](https://meta.discourse.org/t/plan-to-support-sheet-music/306257/5 "2024-05-01T13:49:31Z")

</div>

This came up in my feed this morning

> **[Printing music with CSS grid](https://cruncher.ch/blog/printing-music-with-css-grid/)**
>
> Music notation should be as accessible and as fluid as text is on the web. CSS Grid helps us get there.
