Share the player anywhere

Embeddable widgets

Put any public LoftwahFM album, track, or playlist on another page with one iframe. Shared widgets play without a LoftwahFM account.

Build an embedSee examples
Building a game? Use the SDKBuilderExamplesHow to embedURL flags
No account requiredClipboard and web-share allowedCompact is the safe default

Only albums already in the public library are available. Private and customer-only releases cannot be exposed by changing the URL.

LoftwahFM embeddable widget
Best fitpages that need a working music player without rebuilding the LoftwahFM experience

Build an embed

Pick a release, an ordered playlist, all songs, or a station; choose how it should look; then copy the link or the iframe. Every output comes from the one configuration the player itself parses.

What to play
Presentation

Preview

/widget?album=protocol-11-original-soundtrack

Embed code

<iframe
  src="https://fm.loftwah.com/widget?album=protocol-11-original-soundtrack"
  title="LoftwahFM player"
  width="560"
  height="420"
  style="border:0;max-width:100%"
  loading="lazy"
  allow="autoplay; clipboard-write; web-share"
></iframe>
Configuration details
Query
album=protocol-11-original-soundtrack
Starts on
Track one
Frame
560 × 420
Defaults
album=all

Supported examples

Compact is the safest fit for most layouts. Use the full player when the music is the main feature of the section.

Station rotation

Night Signal uses the shared station client. Playback starts when your visitor presses Play.

                  <iframe
  src="https://fm.loftwah.com/widget?station=night-signal"
  title="LoftwahFM Night Signal station"
  width="560"
  height="420"
  style="border:0;max-width:100%"
  loading="lazy"
  allow="autoplay; clipboard-write; web-share"
></iframe>

Public player

A player anyone can use without signing in.

                  <iframe
  src="https://fm.loftwah.com/widget?album=best-of-loftwahfm-safe&variant=default"
  title="LoftwahFM public player example"
  width="720"
  height="500"
  style="border:0;max-width:100%"
  loading="lazy"
  allow="autoplay; clipboard-write; web-share"
></iframe>

Compact

Best for landing pages, blog posts, and smaller content blocks.

                  <iframe
  src="https://fm.loftwah.com/widget?album=best-of-loftwahfm-safe"
  title="LoftwahFM compact public player example"
  width="560"
  height="420"
  style="border:0;max-width:100%"
  loading="lazy"
  allow="autoplay; clipboard-write; web-share"
></iframe>

Compact with a preselected track

Feature one song while keeping shuffle and repeat ready.

                  <iframe
  src="https://fm.loftwah.com/widget?album=best-of-loftwahfm-safe&file=Incoming+%28This+is+LoftwahFM%29.mp3&shuffle=1&repeat=all"
  title="LoftwahFM widget example: compact preselected track"
  width="560"
  height="420"
  style="border:0;max-width:100%"
  loading="lazy"
  allow="autoplay; clipboard-write; web-share"
></iframe>

Mini

The smallest player for a tight layout or sidebar.

                  <iframe
  src="https://fm.loftwah.com/widget?album=best-of-loftwahfm-safe&variant=mini"
  title="LoftwahFM widget example: mini player"
  width="320"
  height="120"
  style="border:0;max-width:100%"
  loading="lazy"
  allow="autoplay; clipboard-write; web-share"
></iframe>

How to embed it

Copy an iframe, keep it at 100 percent width, then choose the public album and variant in the URL. This works on third-party sites.

HTML

<iframe
  src="https://fm.loftwah.com/widget?album=best-of-loftwahfm-safe"
  title="LoftwahFM compact public player"
  width="560"
  height="420"
  style="border:0;max-width:100%"
  loading="lazy"
  allow="autoplay; clipboard-write; web-share"
></iframe>

Public by design

Widgets can read only the public catalogue. Private album names, tracks, and media remain unavailable even if someone edits the URL.

URL flags

Use flags only to choose a public album, track, playlist, or presentation. They cannot expand catalogue access.

Content

  • station

    Published station ID, for example night-signal. Uses station rotation instead of album flags.

  • album

    Album slug, or all or playlist.

  • file

    Track filename within the album, URL encoded.

  • tracks

    Comma-separated slug/File.mp3 list for a custom playlist.

Playback

  • shuffle

    Use 1 or true to enable shuffle on load.

  • repeat

    Use none, one, or all. Defaults to the previous player preference.

  • autoplay

    Off by default. Browsers may still block it even if you request it.

Presentation

  • variant

    Compact is the stable default. Other variants are more experimental.

  • brand

    Set to 0 or false to hide the LoftwahFM brand header.

  • unstyled

    Set to 1 or true to avoid site global styles and keep Tailwind utilities only.

  • width / w

    Maximum content width in pixels inside the iframe. Defaults vary by variant.

Browser autoplay policies still require a user gesture in many cases, so treat autoplay as a request rather than a guarantee.