Remove ads, unlock a dark mode theme, and get other perks by upgrading your account. Experience the website the way it's meant to be.

A Better Simple Streaming Music Sharing Page

Discussion in 'Article Discussion' started by Melody Bot, Feb 14, 2025.

  1. Melody Bot

    Your friendly little forum bot. Staff Member

    This article has been imported from chorus.fm for discussion. All of the forum rules still apply.

    When I debuted the “share music page” in 2019, it was really just something I wanted for myself. I wanted a better way to be able to share music in my newsletter so that people could easily find the albums on their preferred streaming platform. But over the past few years I’ve heard from so many people that have used the page to share music with their friends and family as well. I see thousands of songs and albums in the database. To see a small personal project grow to be used by others is the biggest compliment.

    As I wrote about last week, I’ve been working on improving my personal blog as a way to keep myself busy and away from doomscrolling. It’s been a fun nightly project to add some new features and start posting more photo and micro blogs when inspiration strikes. The first time I posted an update about something I was listening to I just knew I needed to find a way to combine my sharing project and my blog.

    So I did.

    I ended up re-writing the entire sharing backend so that it would work automatically in my blog anytime I share one of the links. It notices it’s a share link and it populates a cool little player under the post with links to all of the various streaming platforms:

    Clicking on one of the icons will take you to the song or album in the that streaming service. And as a bonus, clicking the album artwork will open up (if available) the YouTube song or playlist right there on the page to play immediately.

    The mini blog share widgets load in the background so they’ll never block the loading of the page, keeping everything nice and fast, and they use the same shared backend to pull information from so once a song or album has been loaded once, by any person, it should be incredibly fast on subsequent loads.

    I then took this new format and feature-set and applied it to the main share pages as well. They get an updated look, and get all the same fast loading features as the mini versions:

    The new pages also do a much better job of normalizing band and album names. So if you search for blink-182, or blink 182, or blink182, you’ll always get the same page. URLs also get better (and automatically) normalized. Searches with typos will run various checks to see if the system can find what it thinks you might mean and redirect you to the proper page before giving an error. And I even built myself a small admin backend so I can make edits to the pages as needed. For example, sometimes I’ll create a share page for a song before there’s a YouTube video up for it. Now I can add that later. Or if the system pulls a live version for an album, instead of the proper studio version, I can easily fix that:

    And, as a bonus (and something I will probably be looking to use in other ways on the website in the near future), because this is now effectively a WordPress plugin, I can natively in posts do this:

    That one is not an image. You can click the links to check out the (pretty damn good) album on any of those streaming platforms, or click the album artwork to listen to it right here on this page.

    This is one of my favorite new “features” I’ve built in a while and I’m excited to keep testing it out, fixing any bugs that come up, and finding new fun ways to integrate it on the website.

    Please consider becoming a member so we can keep bringing you articles like this one.
    more

    Not all embedded content is displayed here. You can view the original to see embedded videos and other embedded content.
     
    Albe and paythetab like this.
  2. David Marshall Feb 15, 2025
    (Last edited: Feb 15, 2025)
    David Marshall

    Pilot of the Grand Anselmo

    Software engineer here. This is neat. Thanks for sharing the thought process behind all of this.
     
  3. Albe Feb 15, 2025
    (Last edited: Feb 15, 2025)
    Albe

    Trusted

    another software engineer here. looks good!! excited to try it out…

    in a related vein, have you noticed that on mobile mode, not all post options are available even when you click more options? when in portrait mode, very few post options are available. more show up in landscape, but you can’t add a media link at all in mobile.
     
  4. Yes, that was done on purpose to simplify the posting experience on mobile. In 2016 the phones handled posting media, etc.. poorly, let alone any of the other formatting stuff, so I 'hid' it in landscape. Quick reply has none, more options has a few more, landscape is very close to desktop view.

    It works better now and one day I may optimize it so those options are bigger/more tappable and bring to the main more options page too.

    Supported media links will auto embed though. So just copy/paste the link and the button isn't needed.
     
    Albe likes this.
  5. Albe

    Trusted

    oh cool. i’ll try the auto embed. thanks man.
     
  6. awakeohsleeper

    I do not exist.

    Fascinating to read the journey and thought processes here. Another brilliant feature.
     
    Jason Tate and Albe like this.
  7. CyberInferno

    Line below my username Supporter

    Awesome improvements to the sharing process! I've always enjoyed this feature.
     
    Jason Tate and Albe like this.
  8. Tyler Mills

    Bread makes you fat?! Supporter

    this is sick!!
     
  9. CyberInferno

    Line below my username Supporter

  10. CyberInferno likes this.
  11. Albe

    Trusted

    i wanted to share an album on a private fb group i'm a part of. a "nice to have" would be if the image artwork popped up when you share the link.
     
    David Parke likes this.
  12. Albe

    Trusted

    not sure where to put this, but embedding tiktoks in general would be nice. posting a link just shows the link