Soundcloud player [animated]

Soundcloud_-_gif_lower_frames

10 Responses

  1. Kevin Anderson Kevin Anderson

    I like to listen to DJ sets when I’m working and use Soundcloud a lot. I always search randomly for deep house mix, minimal mix etc. But what I also do a lot is using the command CMD+W to close tabs in my browser. As you can expect (being an old NES player) I tap that command to fast in a row which also closes tabs I don’t want to close, like Soundcloud.

    This annoyingly kills my music and great frustrations occur… Anyway, it’s a small music player which sits on your OSX top bar and gives you random search results based on your queries. That’s the concept. Buuuut, I’m also keen on learning AE for animations and what not. So for me, this was the perfect match to go wild and try out some new things. I learned a lot on how to animate a UI, and it’s fun :)

    I’ve added the PSD and AE file for you guys to check out and play around with. Let me know what you think and show me what you guys can do with it.

    Download PSD file and AE file - In PS, enable Layer comps to switch between states. Also, be warned, the AE file is messy…

    Vid of animation

    likes

    6 months ago

  2. Martijn Otter Martijn Otter

    Looks pretty cool! Like your simple style, and the animations are cool!

    likes

    6 months ago

  3. Cole Townsend Cole Townsend

    Great timing. Perhaps ease a tad more, but otherwise fantastic.

    likes

    6 months ago

  4. Cesar Zeppini Cesar Zeppini

    Can I have this as a Spotify widget in my mac, please? :D
    Great job, man!

    likes

    6 months ago

  5. Kevin Anderson Kevin Anderson

    @Martijn Otter @Cesar Zeppini @Cole Townsend Thanks guys! And Cole, I'll look into that in my next AE adventure ;)

    6 months ago

  6. Chakib Tsouli Chakib Tsouli

    I have the same issue too, sometimes even important, unsaved writings get lost in a snap. Good thing some sites are showing warnings when you close their tabs, like (Grooveshark, Facebook .. etc), it's ugly visually -no one wants to see a dialog box on your site anymore- but it's a great feature for user experience.

    likes

    6 months ago

  7. Ryan Murphy Ryan Murphy

    Curious, although it looks pretty enough, what makes it a soundcloud widget.

    Two things, very key to soundcloud are their orange and their soundwave feature. Neither included here.

    Reducing this to a generic music player, which i'm now assuming you just linked to an existing brand before posting here.

    likes

    6 months ago

  8. Kevin Anderson Kevin Anderson

    @Ryan Murphy The idea came while using Soundcloud. I use it daily to listen to mixes and what not. So in my head, hooking this up to the Soundcloud API would be pretty neat. But since this is just a simple idea to go around using the browser for my personal daily music needs, I don't think the branding is that important. I used it to learn a thing or two, mainly in AE. That's it. Thanks though!

    6 months ago

  9. Gert van Duinen Gert van Duinen

    so cool..

    6 months ago

  10. nik's factory nik's factory

    perfect !

    6 months ago

keyboard shortcuts: previous shot next shot L or F like