Linux Apps

AmplitudeJS – A Modern Open-Source HTML5 Audio Player

Amplitude HTML5 Audio Player
Written by Martins D. Okoi

AmplitudeJS is an open-source cross-platform music player for users of the modern web. It features a beautiful minimalist and intuitive interface across virtually all web browsers.

With Amplitude, you can build your own audio player complete with your custom design and layout. Songs are to be added via the main Amplitude.init() method in JSON format. See the way its done with three songs in the codepen below:

Amplitude.init({
"songs": [
{
"name": "Song Name 1",
"artist": "Artist Name",
"album": "Album Name",
"url": "/song/url.mp3",
"cover_art_url": "/cover/art/url.jpg"
},
{
"name": "Song Name 2",
"artist": "Artist Name",
"album": "Album Name",
"url": "/song/url.mp3",
"cover_art_url": "/cover/art/url.jpg"
},
{
"name": "Song Name 3",
"artist": "Artist Name",
"album": "Album Name",
"url": "/song/url.mp3",
"cover_art_url": "/cover/art/url.jpg"
}
]
});

With AmplitudeJS, you can see a list of all your subscribed courses.

Features in AmplitudeJS

  • Freeware: AmplitudeJS is free for everyone to download and use.
  • Open Source: AmplitudeJS is released under the MIT license and you can contribute to its source code on GitHub.
  • Cross-Platform: HTML5 runs in the browsers of all Operating Systems so there is barely any limitation to using AmplitudeJS.
  • Completely independent library (no jQuery required).
  • Available by CDN or single command install: npm install --save amplitudejs.
  • Uses JSON to load song data.
  • Native support for SoundCloud.
  • 100% callback functions for all events including Play/Pause, Stop, Repeat, Next Song, Previous Song, and Shuffle.
  • A well put together online Documentation where you can also learn its usage.
  • JavaScript Keybindings for advanced UX (User Experience).
  • Written completely in vanilla JavaScript (does not require jQuery).
  • 9kb compressed.
  • Unlimited playlists.
  • Does not require page refreshes.
  • Supports live stream.
  • Support for soft-touch and compatible with mobile devices.
  • Supports multiple playlists on a single page.
  • Display song metadata.
  • Completely customizable (down to each visible element).
  • Both an intuitive and minimalist UI.
  Mellow Player - Cloud Music Integration for Your Desktop

You can see examples of the above-listed features here.

RedHat RHCSA and RHCE Certification Exam Study Ebook

In my opinion, this is the most light-weight, beautiful, and minimalist web music player. You don’t even need to be online to use it! You do, however, need to be able to write JSON.

Download AmplitudeJS on GitHub

Is AmplitudeJS your type of music player? Share your opinion with us in the comments section below and feel free to drop your app suggestions along the way.

Join Our Community Of 350,000+ Linux Lovers by liking us on Facebook, or follow us on Twitter, Google+ and Instagram.

If you liked this article, sign up for the fossmint newsletter for handpicked selection of stories from FossMint delivered to your inbox every day.


Top Deals

About the author

Martins D. Okoi

Martins Jr. (Dillivine) Okoi is a graduate of Computer Science with a passion for Linux and the Open Source community. He works as a Web designer & developer, technical writer, and programmer.