For music teachers·Micro embeds
Level up
your course.
Put the score, the recording and the beat inside the lesson your students already open. Less setup, fewer tabs, more time spent actually practising.
Why
A course that feels built for practice.
Students stay on the page, hear the bar they are working on and keep time with it — no extra tools to install, no tabs to juggle.
Practise where they read
The score, the recording and the beat sit on the lesson page instead of in three other tabs.
Slow practice, built in
A hard bar drops to half speed with the exercise still on screen, so students can work it up to tempo.
It fits the course you have
The embeds drop into the platform you already teach on — no migration, no redesign.
Free for everyone
No seats, no trial, no attribution. Use them in one lesson or a thousand.
What
Score, audio, timing — as micro embeds.
Each one is a small, self-contained tool you adopt on its own: start with the score, add the rest when the lesson calls for it.
Put the score on the page.
MusicXML rendered inline — the whole piece, or only the bars this lesson covers.
See it in action →Play the exercise.
Your recording sits under the score and slows to half speed. Note-by-note score playback is next.
See it in action →Hear the take.
Students record a pass and compare it with the model. Not built yet — it is in design.
Keep time with it.
A metronome with adjustable tempo, accent patterns per metre and a visual beat display, set with the gear or in markup.
See it in action →These are the live embeds. Open the gear on any of them to change its tempo, metre, score or audio without reloading the page — the snippet under each demo is how you ship those settings in HTML.
01 · Sheet music
The score, right above the exercise.
Renders a MusicXML score with OpenSheetMusicDisplay. Point it at the whole piece, or clip the bars your lesson actually covers.
- sheet-music-url
- URL to a .mxl or .xml score
- first-bar
- First bar to render
- sheet-music-last-bar
- Last bar to render
<script
type="module"
src="https://embeds.silective.org/script/2026-10.js"
embed-type="sheet-music"
sheet-music-url="/demo/twinkle-twinkle.mxl"
sheet-music-last-bar="4"
></script>Two tags on the same page, each with its own tempo and metre. Open a gear to retune one in place.
02 · Metronome
Keep time without leaving the page.
A full metronome with adjustable tempo, accent patterns per metre and a visual beat display. Set the tempo and metre in the markup; students can still adjust them while they practise.
- bpm-tempo
- 10 – 300 BPM
- time-signature
- 2/4, 3/4, 4/4, 6/8, 9/8, 12/8
<script
type="module"
src="https://embeds.silective.org/script/2026-10.js"
embed-type="metronome"
bpm-tempo="92"
time-signature="4/4"
></script>
<script
type="module"
src="https://embeds.silective.org/script/2026-10.js"
embed-type="metronome"
bpm-tempo="120"
time-signature="3/4"
></script>03 · Media player
Practice audio with a speed dial.
Play a track, then slow it to 50% or push it to 150% while working a passage up to tempo. The sample is a short mp3 — swap url for your own recording.
- url
- An mp3 file
- speed
- 50% – 150% inside the player
<script
type="module"
src="https://embeds.silective.org/script/2026-10.js"
embed-type="media-player"
url="/demo/practice-sample.mp3"
></script>How
Configure it, copy the tag.
Every embed carries a gear that opens its settings sheet. Set the values there, then paste the script tag — the same settings travel as plain attributes.
Step 1
Configure it in place
Open the gear on any embed and set the score, the bars, the tempo, the metre or the track. The preview updates as you change them — nothing reloads.
Step 2
Copy the script tag
The values you picked are plain attributes on the tag. Paste it into your lesson page: no iframe, no build step, no framework, and the stylesheet comes with the script.
Piano · Rhythm
Practicing with a steady beat
Read the four bars, set the tempo, then play along.
<script
type="module"
src="https://embeds.silective.org/script/2026-10.js"
embed-type="sheet-music"
sheet-music-url="/demo/twinkle-twinkle.mxl"
sheet-music-last-bar="4"
></script>
<script
type="module"
src="https://embeds.silective.org/script/2026-10.js"
embed-type="metronome"
bpm-tempo="92"
time-signature="4/4"
></script>
<script
type="module"
src="https://embeds.silective.org/script/2026-10.js"
embed-type="media-player"
url="/demo/practice-sample.mp3"
></script>