Discussion
Loading...

Post

  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
Piper
@pmc@mastodon.ffcentral.net  路  activity timestamp 3 months ago

Put together a pretty cool live @ListenBrainz widget on my website! Auto-updates every 10 seconds, and shows as much metadata as I can cram into the widget space. All that metadata is the bonus of ListenBrainz being so closely tied to MusicBrainz

(and don't worry, I have some pretty aggressive caching so I won't hammer the ListenBrainz or MusicBrainz APIs)

https://www.piperswe.me/#playing-now

#htmx #listenbrainz #indieweb

  • Copy link
  • Flag this post
  • Block
Tommi 馃く
@tommi@pan.rent replied  路  activity timestamp 3 months ago
@pmc @ListenBrainz How did you do it? I鈥檇 love to do this on my website, too!
  • Copy link
  • Flag this comment
  • Block
Piper
@pmc@mastodon.ffcentral.net replied  路  activity timestamp 3 months ago
@tommi @ListenBrainz The source code is here: https://gitlab.com/piperswe/pmctools

If you don't want to go through the hassle of deploying that code, you can embed my instance with an iframe like this:

<iframe src="https://www.piperswe.me/cgi-bin/tools/now-playing/<listenbrainz username>?iframe" width="800" height="125" style="border: 0;"></iframe>

and you can tweak the width/height as you wish

  • Copy link
  • Flag this comment
  • Block
Tommi 馃く
@tommi@pan.rent replied  路  activity timestamp 3 months ago
@pmc @ListenBrainz Thank you so much! I鈥檒l play with it.
  • Copy link
  • Flag this comment
  • Block
Log in

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About 路 Code of conduct 路 Privacy 路 Users 路 Instances
Bonfire social 路 1.0.0-rc.3.1 no JS en
Automatic federation enabled
  • Explore
  • About
  • Members
  • Code of Conduct
Home
Login