Top 23 JavaScript Audio Projects
-
https://howlerjs.com/ - howler was pretty easy to get going with out of the box. It has some good examples and options for handling different browsers. That wavesurfer.js recommendation looks closer to the finished product though.
-
Screenity
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
react-player
A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
Project mention: React Player add custom play button and overlay img | reddit.com/r/codehunter | 2022-05-14I'm using ReactPlayer plugin for my react website. I want to add custom play button and overlay image over the vimeo video follow the below image.
-
Could be this though: https://github.com/katspaugh/wavesurfer.js
-
Cider
A new cross-platform Apple Music experience based on Electron and Vue.js written from scratch with performance in mind. 🚀
You could try Cider, which seems to be more user-oriented. https://cider.sh/
-
waveform-playlist
Multitrack Web Audio editor and player with canvas waveform preview. Set cues, fades and shift multiple tracks in time. Record audio tracks or provide audio annotations. Export your mix to AudioBuffer or WAV! Add effects from Tone.js. Project inspired by Audacity.
-https://github.com/naomiaro/waveform-playlist -https://github.com/goldfire/howler.js
-
Project mention: Astrofox is motion graphics program that lets you turn audio into videos | news.ycombinator.com | 2022-05-17
-
SonarQube
Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
-
jam
🍓 Jam is your own open source Clubhouse for mini conferences, friends, communities (by jam-systems)
Jam – Self-Hosted Clubhouse\ (40 comments)
-
mediacms
MediaCMS is a modern, fully featured open source video and media CMS, written in Python/Django and React, featuring a REST API.
you can try https://mediacms.io/
-
waveform-data.js
Audio Waveform Data Manipulation API – resample, offset and segment waveform data in JavaScript.
-
Project mention: Push Notifications, WebXR, and better PWA support coming to iOS | news.ycombinator.com | 2022-02-01
In the end, I went with this library for now: https://github.com/chris-rudmin/opus-recorder
There are issues reported with the latest iOS, though.
-
Project mention: Show HN: A Web-Based Modular Drum Machine for You to Play With | news.ycombinator.com | 2022-05-01
No problem :)
I should mention that this is open source too: https://github.com/maximecb/noisecraft
-
Project mention: Looking for a podcast client with specific features | reddit.com/r/linuxquestions | 2021-12-10
I know cpod has a .deb file, and vocal can be added through a ppa like so
-
Plyr Vue
-
react-music-player
[Stop the maintenance] :musical_note: Maybe the best beautiful HTML5 responsive player component for react :)
Navidrome uses this web player component and unfortunately it only supports synced lyrics (those with timestamps, karaoke-style) so for now unsynced lyrics can't be displayed in the web player.
-
Project mention: BeReadable - Online Multilingual Audio Transcription and Recorder | dev.to | 2022-03-20
Vue Audio Visual
-
-
standardized-audio-context
A cross-browser wrapper for the Web Audio API which aims to closely follow the standard.
Project mention: Any good articles, guides, tutorial about working with Web Audio API and/or Tone.js? | reddit.com/r/webdev | 2022-01-27Potentially a repo that might come in handy: - https://github.com/chrisguttandin/standardized-audio-context/. This lib aims to standardize Web Audio API behavior across browsers, as not all browser support is the same. I have found it quite handy.
-
Project mention: Anybody peep that the 4U outro changed on apple music | reddit.com/r/yopierre | 2022-04-14
this might work: https://github.com/miraclx/freyr-js
-
media-chrome
Custom elements (web components) for making audio and video player controls that look great in your website or app.
Project mention: Media Chrome - Fully customizable media player controls using web components (native custom elements). Compatible with any javascript framework (React, Angular, Svelte, etc.) | reddit.com/r/Frontend | 2021-12-20 -
javascriptmusic
A.K.A. WebAssembly Music. Live coding music and synthesis in Javascript / AssemblyScript (WebAssembly)
Project mention: Music and Blockchain: The Rise of the New Musician | reddit.com/r/nearprotocol | 2022-04-21Chiptune musician and developer Peter Salomensen developed WebAssembly Music, a live coding music and synthesizer in Javascript/AssemblyScript (WebAssembly) on NEAR. With WebAssembly Music, Salomensen has minted music NFTs and made them remixable. He also released a piano roll interface for short, editable music NFTs, on which musicians can create and publish their own music.
-
MidiPlayerJS
♬ MIDI parser & player engine for browser or Node. As a parser converts MIDI events into JSON. Works well with single or multitrack MIDI files.
Project mention: [AskJS] while playing midi file what should I do when I get Off Node | reddit.com/r/javascript | 2021-12-25 -
JavaScript Audio related posts
- Basic Apple Music Issue
- A guide to building a Virtual Meet App with 100ms and React
- Apple music tablet mode in WSA 12L update
- Does anybody know the code to that player?
- Apple releases iTunes 12.12.4 for Windows
- Alternates to Apple's Music App.
- Astrofox is motion graphics program that lets you turn audio into videos
Index
What are some of the best open-source Audio projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | howler.js | 20,124 |
| 2 | screenity | 7,156 |
| 3 | react-player | 6,461 |
| 4 | wavesurfer.js | 6,235 |
| 5 | Cider | 3,810 |
| 6 | waveform-playlist | 1,180 |
| 7 | astrofox | 1,044 |
| 8 | jam | 1,030 |
| 9 | mediacms | 909 |
| 10 | waveform-data.js | 848 |
| 11 | opus-recorder | 836 |
| 12 | noisecraft | 715 |
| 13 | CPod | 684 |
| 14 | vue-plyr | 667 |
| 15 | react-music-player | 505 |
| 16 | vue-audio-visual | 497 |
| 17 | hedron | 426 |
| 18 | standardized-audio-context | 420 |
| 19 | freyr-js | 386 |
| 20 | media-chrome | 354 |
| 21 | javascriptmusic | 283 |
| 22 | MidiPlayerJS | 274 |
| 23 | tonejs-instruments | 244 |
Are you hiring? Post a new remote job listing for free.
