Discussion
Loading...

Post

  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
Piper
@pmc@mastodon.ffcentral.net  ·  activity timestamp 5 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 🤯 → 39C3
@tommi@pan.rent replied  ·  activity timestamp 5 months ago
@pmc @ListenBrainz How did you do it? I’d love to do this on my website, too!
  • Copy link
  • Flag this comment
  • Block
Piper
@pmc@mastodon.ffcentral.net replied  ·  activity timestamp 5 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 🤯 → 39C3
@tommi@pan.rent replied  ·  activity timestamp 5 months ago
@pmc @ListenBrainz Thank you so much! I’ll 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 no JS en
Automatic federation enabled
  • Explore
  • About
  • Members
  • Code of Conduct
Home
Login