[HOW-TO] Make your own Google Play Music web app for OS X

Discussion in 'Alternatives to iOS and iOS Devices' started by Jessica Lares, May 24, 2013.

  1. macrumors 604

    Jessica Lares

    Joined:
    Oct 31, 2009
    Location:
    Near Dallas, Texas, USA
    #1
    Google Music is not very efficient running as a tab in Safari. It gets lost. :eek: So I decided to put something together in Fluid and tweak the CSS a bit to make it less Google and more about the music.

    So first off this is your desired result. It lets you enjoy the nice full moving artwork eye candy too :D:

    [​IMG]

    [​IMG]

    To start, you want a copy of Fluid, which you can buy here: http://fluidapp.com You're going to need the Userstyles, so yes, you will have to shell out $5, but it's totally worth it.

    Next you want an icon for your new app, I'm just using the one from the Android app itself which you can right click and save from here: https://play.google.com/store/apps/details?id=com.google.android.music&hl=en

    [​IMG]

    Afterwards, you'll want to open up Fluid and actually create the app with these settings:

    Then click Create.

    Now open your new app, and maybe keep it in the dock you want. ;)

    Click on the Window menu and then on Userstyles.

    Next you want to create a new style by clicking the + on the bottom right (the solid blue box). Name it something like "Hide Google Bar". Then go to the blue/off white box (Patterns) and click on the + there and call it "*play.google.com/music*" or similar depending on your country.

    Then copy and paste this on the bottom box:

    Code:
    #gb.header-wrapper{margin-top:30px;margin-bottom:0}
    #gb{margin-bottom:-30px; margin-top:30px}
    #gbq1 {margin-top:-30px}
    #gbq2{margin-top:-10px}
    #gbq{margin-top:0}
    #gbvg{display:none}
    #gbx1{margin-top:0}
    #gbx1 {margin-top:-30px}
    #gbx3 {display:none}
    #gbx3{margin-top:0}
    #gbx4{display:none}
    #gbz{margin-top:-30px}
    #gbzw{margin-top:-30px}
    #gbq1.gbt {display:none}
    .gbqlca{display:none}
    a.gbqla2{display:none}
    And refresh to see the changes. It's not perfect, I know, but it's much nicer than what it was before! :p The Playlist + is sorta weird and doesn't show up properly until you click it, but that happens in Safari too.

    Afterwards, go to View and then Hide Status Bar.

    Then resize to your liking (or as least until before the scrollbar shows up).

    Enjoy! :D
     
  2. towg, May 25, 2013
    Last edited: May 25, 2013

    macrumors regular

    Joined:
    Jul 9, 2012
    Location:
    Cardiff
  3. thread starter macrumors 604

    Jessica Lares

    Joined:
    Oct 31, 2009
    Location:
    Near Dallas, Texas, USA
    #3
    Congrats! Enjoy it, that app comes in handy ALL the time.

    I'm pleased to say that by isolating it from Safari and using it all night, I have NOT had the buzzing issue come back.
     
  4. macrumors 68000

    daveathall

    Joined:
    Aug 6, 2010
    Location:
    North Yorkshire
    #4
    Thank you very much, I am using a MBP, how would I finish it off from the "click on window menu" please. :)

    Edit; had a senior moment, got it now.
     
  5. thread starter macrumors 604

    Jessica Lares

    Joined:
    Oct 31, 2009
    Location:
    Near Dallas, Texas, USA
    #5
    Sorry about that. I didn't know how to write that. :eek: If anyone else gets confused, it's this which is in the Google Play Music app itself after you create it:

    [​IMG]

    And then you should end up with something that looks similar to this after you type all the bits in:

    [​IMG]
     
  6. macrumors 68000

    daveathall

    Joined:
    Aug 6, 2010
    Location:
    North Yorkshire
  7. MRU, May 25, 2013
    Last edited: May 25, 2013

    MRU
    macrumors demi-god

    MRU

    Joined:
    Aug 23, 2005
    Location:
    Ireland
    #7
    Dave gets two thanks OP only gets one.. Don't you love fairness ;) j/k

    Great Post Jessica. Thnk you for taking the time and sharing this.


    ____________________________
    ok. So I had to jump in too..... Thanks OP once more.

    Untitled.jpg
     
  8. macrumors regular

    Joined:
    Jul 9, 2012
    Location:
    Cardiff
    #8
    Does anyone else have problems with songs not starting straightaway and you have to scroll through playback to make them start?
     
  9. macrumors 68000

    daveathall

    Joined:
    Aug 6, 2010
    Location:
    North Yorkshire
    #9
    I'm not getting that problem. :)
     
  10. MRU
    macrumors demi-god

    MRU

    Joined:
    Aug 23, 2005
    Location:
    Ireland
    #10
    Its google play at fault I think. Maybe a server issue?. I had this issue last night on both my android phone and my iPad. Seems grand today so far though.
     
  11. thread starter macrumors 604

    Jessica Lares

    Joined:
    Oct 31, 2009
    Location:
    Near Dallas, Texas, USA
    #11
    It usually just pauses, and then I wait a second for it to restart, or I push the pause/play twice to fix it. I think all these bugs are more noticeable now that a bunch of us are using the web/mobile app more now.

    Give it a month for people who have no desire to pay to jump off the access service and I bet you a bunch of issues resolve by themselves.

    Glad to see everyone enjoying it! :D
     
  12. macrumors regular

    Joined:
    Jul 9, 2012
    Location:
    Cardiff
    #12
    Yep that will probably be the case :) Looking forward to a proper Google app but this will certainly do in the meantime.
     
  13. macrumors newbie

    Joined:
    Aug 16, 2013
    Location:
    Houston, TX
    #13
    I don't know why I didn't think of this sooner. Good stuff!

    I was bothered a bit by the gap at the top of the player, so I made some changes to the stylesheet code to fix that.

    Code:
    /* Hide Google Bar in Google Play Music */
    /* adapted from http://forums.macrumors.com/showthread.php?t=1586648 */
    .gbem#gb, .gbemi#gb { height: 72px !important; }
    #gbzw, #gbx3, #gbu { display: none; }
    #gbx1, #gb #gbx1, #gbq, #gbu, #gb #gbq, #gb #gbu { top: 0 !important; }
    .gbem#gb #gbbw, .gbemi#gb #gbbw { top: 72px !important; }
    
    /* Hide Shop link in Google Play Music */
    #shop-nav { display: none; }
    Unfortunately, I had to use !important when working with the height and top attributes as the Listen stylesheet would always overwrite those values, even though I was using the exact IDs and classes used by the Listen stylesheet.

    Oh yeah. And since I doubt anyone will be shopping while in Play Music, I removed the Shop link. Feel free to remove that style at the end if you don't want that.

    Hope this helps others out.
     

    Attached Files:

  14. macrumors 68030

    Joined:
    Jul 11, 2008
    Location:
    Texas
  15. MRU
    macrumors demi-god

    MRU

    Joined:
    Aug 23, 2005
    Location:
    Ireland
    #15
    Strange thing.....

    Having this installed on your mac plays havoc with subscribing to RSS feeds / links for me.
     
  16. thread starter macrumors 604

    Jessica Lares

    Joined:
    Oct 31, 2009
    Location:
    Near Dallas, Texas, USA
    #16
    Yeah, that's because RSS is enabled. Just set another default app the next time you open an RSS feed.

    Nice little change there TravisTubbs! Thanks.
     
  17. macrumors newbie

    Joined:
    Aug 26, 2012
    #17
    google music apps

    No, they've changed their name to Gear, but yeah it rocks!
     

Share This Page