Embedding the Soundslice miniplayer
The miniplayer is a smaller version of the Soundslice player. It takes up less space, has fewer features and works well for demonstrating short pieces of music notation synced with audio/video recordings. You may recognize the miniplayer from Soundslice channels (example).
Here’s a working example:
And here’s an example with video:
The basics
Here’s how to get the miniplayer embed code for one of your slices:
- Make sure you’ve enabled embedding for the slice.
- Get the slice’s “normal” embed code.
- In that embed code, replace
embed
withembed-mini
.
For example:
<iframe src="https://www.soundslice.com/slices/8jHcc/embed-mini/" width="100%" height="293" frameBorder="0"></iframe>
The miniplayer embed will honor your slice’s embed settings, as you’d expect. This means:
- A slice can only be embedded if you’ve enabled embedding for it.
- The miniplayer embed will enforce your allowlist.
There’s no way to enable miniplayer embedding while disabling “full player” embedding for a given slice, or vice versa. For simplicity, embedding is an all-or-nothing decision.
Customizing the miniplayer
The miniplayer is deliberately small and simple. The only thing you can customize is its width and height. Do this by changing the width
and height
attributes for the <iframe>
.
We recommend width="100%"
, so that the miniplayer expands horizontally to fit whatever space your page design has allocated for it.
For the height
, we recommend at least 293 pixels. Feel free to increase this, and the miniplayer will expand responsively.
Pricing
There’s no extra cost to use the miniplayer. For unique-user counting purposes, it’s treated the same as our “full player.”