/amplitudejs

AmplitudeJS: Open Source HTML5 Audio Library. Design your web audio player, the way you want. No dependencies required.

Primary LanguageJavaScriptMIT LicenseMIT

AmplitudeJS Logo

DocumentationExamplesTutorialsSupport UsGet Professional Help

Build Status npm version jsDelivr Downloads Gitter
david-dm License Support us

AmplitudeJS is a lightweight JavaScript library that allows you to control the design of your media controls in your webpage -- not the browser. No dependencies (jQuery not required). AmplitudeJS is available under the MIT License.

Demo

MIT License
Click the image above to go to the demo site or click here.

Sponsors

AmplitudeJS is free to use under the MIT license, but the project is not sustainable without proper financial backing. If you rely on AmplitudeJS or would like to see this project grow, consider becoming a sponsor. Different levels have diferent perks.

We'll even throw your logo in our README and on our website. Become a sponsor →

Features

  • 🎨 100% customizable design of all player elements
  • 🚀 Lightweight, 0 dependencies
  • 📕 Thoroughly documented
  • 🎧 Support for multiple playlists
  • 🌊 Autogenerate waveforms and visualizations using the Web Audio API
  • 🎤 Live streaming support
  • 🎛 Public functions for unlimited control!
  • 🤵 Professionally supported Get professional help →

Don't just take our word for it

Browser support

| IE / Edge
IE / Edge | Firefox
Firefox | Chrome
Chrome | Safari
Safari | Opera
Opera | | --------- | --------- | --------- | --------- | --------- | | IE11, Edge| 4.0+| 3.5+| 4.0+| 10.5+|

Example Players

Looking for some cool examples to get started with? View all of our example players →

Installation

Installation is a breeze and very flexible on how you want to use it. View the installation instructions →

Documentation & Usage

All of our documentation is located in the /docs folder, but we made an even easier and more beautiful way to fully experience AmplitudeJS. View our documentation site →

Getting Help

Feeling stuck? No worries! We have entire community built around helping eachother out. Get help →

Roadmap

We have all of our proposed features organized on our roadmap. If you are interested in sponsoring a specific feature, just comment on that feature and we will get in touch with you soon!