PDX Transit on MacBook Air

🎵 Music for Macintosh

Music started as a concept of re-imagining what a Media Player could be using AppKit. It was supposed to be nothing more than an exploratory exercise using standard, out-of-the-box controls. Over time, I re-created some of the look and feel of the original iTunes using Core Graphics and Core Animation and tested with actual content using the iTunesLibrary framework and AVFoundation. I never realized in the beginning that it would soon become my daily driver for enjoying my music.

Watch a Demo

In order to achieve perfect pixel alignment on both retina and non-retina displays, many of the UI controls and other static UI elements are drawn using Core Graphics or Core Animation.

Dark Mode

LCD Display

Core Animation

The LCD Display is composed of 3 primary elements: The background, the scrubber, and the track info. The background and scrubber are custom drawn using Core Graphics to achive an LCD look while the track info animates in a Marquee fashion using Core Animation.

Player Controls

Core Graphics

The player controls (NSButton, NSSlider) are subclassed so they can be re-drawn using Core Graphics to achive a physical look. The buttons also have a custom long-press functionality (for track seeking).
Dark Mode

Custom Wood Trim

The wood trim gives Music an additional touch of realism but also pays homage to some of the world’s most gorgeous music players. Think B&O’s Beogram or Braun’s SK61 record player. Would you like that in light maple or dark walnut?

Dark Mode

Dark Mode

Dark Mode was given extra attention. All custom-drawn controls not only take on a dark appearance but also gain additional textures. For example, the LCD gains a pinstriped background while the wood trim goes from maple to walnut for a more dramatic look and feel.

Dark Mode

Full Screen

AppKit

By using a standard NSToolbar, bringing down the app’s menu bar in full screen mode will not obscure the toolbar.

AirPlay

AVKit

Music uses AVRoutePickerView which allows the user to stream their audio from Music to their AirPlay compatible devices. No setup necessary.
Mini Player

Mini Player

AppKit

No Music app is complete without a mini player. This mini player includes only the essential controls and track information and adapts to dark mode.
Dark Mode

Now Playing

MediaPlayer

Music is a “Now Playable” app which allows the app to be controlled by the Now Playing widget, keyboard media controls, Touch Bar, or even Siri!
Mini Player


Mac, Macintosh, macOS, AirPlay, iTunes, and Swift are registered trademarks of Apple Inc.
© 2019-2020 Mario A Guzman