Music Player App

1 Attachment

17 Responses

  1. Bill Labus Bill Labus

    Now playing view for an iPhone music player app. I've been quite unhappy with the design/functionality of the new Music app in iOS 6, so at some point I'll implement this as a replacement.

    In this view, the idea is that the app will determine the 'average' color of the current album art, and then massage it a bit to make sure it fits within acceptable hue/brightness thresholds. Then that color will be used as the background color of the bottom part of the view, fading into the album art. This creates a seamless UI that adapts to the current album cover.

    Playback is controlled primarily with gestures (as is the entire app)- swipe left and right for prev/next, single-tap to play/pause, double-tap to show the queue, drag the 'handle' at the top up/down to switch between the now playing/library views.

    Stay tuned for more views.

    likes

    over 1 year ago

  2. Ben Muschol Ben Muschol

    This is nice, but how would it work with different colored albums?

    over 1 year ago

  3. Bill Labus Bill Labus

    @Ben Muschol TL;DR it calculates the 'average' color of the album art and that's what it fades out to at the bottom of the view.

    likes

    over 1 year ago

  4. Read Frost Read Frost

    I'd like to see it implemented, seems perfectly minimal and usable! Also, would love to see this album-color-average-er code in action eventually.

    over 1 year ago

  5. Nathan Walker Nathan Walker

    Cool, but what is up with the tiny real pixels?

    over 1 year ago

  6. Coleman Tharp Coleman Tharp

    Great job! I just wish there were retina pixels :P

    over 1 year ago

  7. Bill Labus Bill Labus

    @Nathan Walker @Coleman Tharp Oops, sorry about that. Here's retina: http://cl.ly/image/2f3z1a1Y0F1s

    over 1 year ago

  8. Dan Romero Dan Romero

    awesome ui, awesome some, mate! :D

    over 1 year ago

  9. Guillaume Gaubert Guillaume Gaubert

    Very nice idea! One thing, what about making the white UI elements with a 90° drop shadow to make them on top of the background? With low opacity ones. It could be even nicer.

    over 1 year ago

  10. Mic Pringle Mic Pringle

    @Bill Labus Why are there two progress bars?

    over 1 year ago

  11. CLEEVIO CLEEVIO

    Looks great!

    over 1 year ago

  12. Bill Labus Bill Labus

    Thanks all!

    @Mic Pringle Top one is playback scrubber, bottom one is volume.

    @Guillaume Gaubert I tried that as well, it also looks really nice. Been going back and forth between which one I like better...

    likes

    over 1 year ago

  13. Robert Reda Robert Reda

    Great minimalistic look and controls!
    I'd love to have it on Android :p

    over 1 year ago

  14. Eddy Gann Eddy Gann

    @Bill Labus Is this going to be a real app someday? I really dislike the new music app on iOS6, and would love a nice replacement.

    over 1 year ago

  15. Bill Labus Bill Labus

    @Eddy Gann If I ever get the time to do it, definitely. I despise the iOS 6 music app.

    over 1 year ago

  16. Eddy Gann Eddy Gann

    @Bill Labus please please make the time haha. I don't know what apple was thinking leaving the lock screen music controls (and all other controls) blue and then changing the color scheme of the music app. It's just all around a blemish in iOS6.

    over 1 year ago

  17. Walden Davis Walden Davis

    Beautiful.

    10 months ago

keyboard shortcuts: previous shot next shot L or F like