Material Design Lite Audio Player
HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
index.html add share option Apr 20, 2017
readme.md update readme Apr 20, 2017

readme.md

Material Design Lite Audio Player

Synopsis

A mobile friendly implementation of Google's Material Design Lite applied to Mozilla Developer Network's Cross-browser audio basics. An audio player user interface for mobile, tablet, and desktops. Next song autoloads. All songs initially set to load metadata only. Sharing a song is supported with hashtagged URL.

Code Example

LIVE DEMO

screenshot

Motivation

Getting my music library online and I wanted a slick looking UI, one that would display album art and auto play the next song. Thought I would share.

Installation

Copy and Paste easy.

PREREQUISITE: Your audio and image files must be online already. If you are serving this code via HTTPS then the audio and image files must also be retrieved via HTTPS.

The easiest way to install this example is to clone or download it. Replace my audio and image paths with your own. Copy and paste style.

Contribute

If you found a bug, have any questions or want to contribute please let me know, ron@rack.pub.

License

Ron Royston 2017, https://rack.pub, MIT License