Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/521dimensions/amplitudejs
AmplitudeJS: Open Source HTML5 Web Audio Library. Design your web audio player, the way you want. No dependencies required.
https://github.com/521dimensions/amplitudejs
css html html5 html5-audio javascript mit-license web-audio web-audio-library
Last synced: 3 months ago
JSON representation
AmplitudeJS: Open Source HTML5 Web Audio Library. Design your web audio player, the way you want. No dependencies required.
- Host: GitHub
- URL: https://github.com/521dimensions/amplitudejs
- Owner: serversideup
- License: mit
- Created: 2013-10-07T20:38:20.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2023-06-23T19:18:34.000Z (over 1 year ago)
- Last Synced: 2024-04-14T13:41:50.991Z (7 months ago)
- Topics: css, html, html5, html5-audio, javascript, mit-license, web-audio, web-audio-library
- Language: JavaScript
- Homepage: https://521dimensions.com/open-source/amplitudejs
- Size: 35.1 MB
- Stars: 4,108
- Watchers: 77
- Forks: 425
- Open Issues: 72
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
- starred-awesome - amplitudejs - Amplitude.js is the HTML5 Audio Player for the modern era. No dependencies required. (JavaScript)
README
Documentation
•
Examples
•
Tutorials
•
Support Us
•
Get Professional Help
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](https://raw.githubusercontent.com/521dimensions/amplitudejs/master/LICENSE).
## Demo
Click the image above to go to the demo site or click here.
## This Software is Community-run
Open-source software is not sustainable without proper financial support. Maintaining an open source project takes a lot of effort and resources. If you are very thankful for what you can do with AmplitudeJS or if you are using AmplitudeJS to make any sort of revenue, we kindly ask that you contribute any resources available to keep the community growing.
## Sponsors
These people believe in open-source. If you are interested in improving the project, become a sponsor.
### Platinum Sponsors
### Backers
## 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 →](https://serversideup.net/get-help/?quick_question=amplitudejs)
## Don't just take our word for it
* [GitHub: Release Radar · January 2019](https://github.blog/2019-02-05-release-radar-january-2019/)
* [CSS Tricks: Front-End Tools: My Favorite Finds of 2017](https://css-tricks.com/front-end-tools-favorite-finds-2017/)
* [FossMint: AmplitudeJS - A Modern Open-Source HTML5 Audio Player](https://www.fossmint.com/amplitudejs-html5-audio-player-with-playlist/)
## Browser Support
| 
IE / Edge | 
Firefox | 
Chrome | 
Safari | 
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 →](https://521dimensions.com/open-source/amplitudejs/docs/examples/index.html)
#### View the source
All of our example players have the code available on our ["AmplitudeJS Example Players" repository](https://github.com/serversideup/amplitudejs-player-examples). Feel free to submit a PR of your own example if you want! [See the source for our example players →](https://github.com/serversideup/amplitudejs-player-examples)
## Installation
Installation is a breeze and very flexible on how you want to use it. [View the installation instructions →](https://521dimensions.com/open-source/amplitudejs/docs/installation/)
## 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 →](https://521dimensions.com/open-source/amplitudejs/docs)
## Getting Help
Feeling stuck? No worries! We have entire community built around helping eachother out. [Get help →](https://521dimensions.com/open-source/amplitudejs/docs/help-and-support/)
## Roadmap
We have all of our proposed features organized on our [roadmap](https://github.com/521dimensions/amplitudejs/projects/11). If you are interested in sponsoring a specific feature, just comment on that feature and we will get in touch with you soon!