JavaScript Audio

Open-source JavaScript projects categorized as Audio

Top 20 JavaScript Audio Projects

  • GitHub repo howler.js

    Javascript audio library for the modern web.

    Project mention: A curated list of Music DSP and audio programming resources | | 2021-04-23

    Another useful resource not on the list:

  • GitHub repo screenity

    The most powerful screen recorder & annotation tool for Chrome 🎥

    Project mention: I earn a living selling my open source software | | 2021-03-11

    I used the Quicktime Player screen-record feature in OS X. Though thanks for the rec.

    Here's another one I like when I want my face and audio in: Screenity (very easy code to work with too).

  • GitHub repo 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: How to stream your IP Camera into browser using FFMPEG, Node and React | | 2021-05-15


  • GitHub repo Porcupine  

    On-device wake word detection powered by deep learning.

    Project mention: Getting Rid of Dust / 1.0.0-beta.4 | | 2021-05-01

    I found some alternatives such as Porcupine from Picovoice that works pretty well. But at the moment I'm writing this, their tooling does not allow to have short hotword like Leon. Which is in fact a best practice, but it means we'd need to comply such limitations.

  • GitHub repo hedron

    Perform live shows with your three.js creations (by nudibranchrecords)

    Project mention: I've been working on a cool audio visualizer! | | 2021-05-09

    You may be interested in my bandmates software which you can use to perform this live and connect to midi controllers etc.

  • GitHub repo mediacms

    MediaCMS is a modern, fully featured open source video and media CMS, written in Python/Django and React, featuring a REST API.

    Project mention: MediaCMS - Modern, fully featured open source video and media content management system | | 2021-03-01
  • GitHub repo react-music-player

    :musical_note: Maybe the best beautiful HTML5 responsive player component for react :)

    Project mention: Self hosted embedded audio player | | 2021-03-01

    You can have a look at /r/Navidrome, it uses this HTML5 music player for the WebUI, you might be able to reuse the HTML/JS code for your website.

  • GitHub repo standardized-audio-context

    A cross-browser wrapper for the Web Audio API which aims to closely follow the standard.

    Project mention: Safari is the new Internet Explorer... I thought this when I came across this issue, there's way too many issues like this one. | | 2021-05-06

    There are amazing projects like this that attempt to standardize Web APIs, but now you have to includes this ~3mb (before minification/compression) library into your web app

  • GitHub repo tonejs-instruments

    A small instrument sample library with quick-loader for tone.js

    Project mention: I just published my app using ionic on the app store. It's a game to practice and learn the guitar fretboard layout | | 2021-03-07

    I just took them from here

  • GitHub repo img-encode

    Encode an image to sound and view it as a spectrogram - turn your images into music

    Project mention: What is the process for using anything from gethub?(I'm new) | | 2021-05-14

    find the "Code" button on your repo and then copy the url from the box that opens. Then, in a terminal, run git clone (or the url you copied). this downloads the repository to your local system. From there, every repository is different, so you'll have to consult the readme for that repo to understand it better

  • GitHub repo react-native-vlc-media-player

    React native media player for video streaming and playing. Supports RTSP, RTMP and other protocols supported by VLC player

  • GitHub repo jam

    🍓 Jam is your own open source Clubhouse for mini conferences, friends, communities (by jam-systems)

    Project mention: Awesome Clones | | 2021-04-14

    Clone of Demo Repo Tech stack Repo Stars 1Password / LastPass C#, Xamarin 2048 React 2048 React, TypeScript, Redux 2048 Beads Airbnb React, Firebase Airbnb TypeScript, React, NextJS, Prisma, GraphQL Airtable React, Firebase, Firestore, Typescript Airtable Django, nuxt.js, PostgreSQL Algolia Rust Amazon React, Firebase Amazon Prime React Apple Music React, Redux, Ruby on Rails, PostgreSQL PHP, MySQL Typescript, Battleship Game TypeScript, React Clubhouse React, WebRTC Clubhouse React, Postgress, Elixir Codecademy React Discord React, Node, Express, Socket-IO, MySQL Discord React, NestJS, TypeScript, Socket-IO, PostgreSQL Disney+ React Native, expo Doodle (Scheduling tool) PHP Dribbble MERN, react Dribbble MongoDB, ExpressJS, React, Dropbox PHP, JS Dropbox PHP, JS, Vuejs Evernote Javascript, Typescript Facebook MERN Facebook react, graphql, mongodb Firebase PHP Gmail Flutter Google Analytics React, Elixir, PostgreSQL, Tailwind Google Analytics PHP, HTML, MySQL Google Analytics Node, MongoDB Google Analytics Rails, OpenResty, TimescaleDB, postgresql, tailwindcss Google Drive React, Node.js, mongoDB Google Keep React, GraphQL, Golang, SQlite Google Keep Vue, Typescript, Firestore Google Keep Django, JS Google Forms Django, JS Google Photos React, Redux, Firebase Google Translate Python, Flask Headspace Flutter Hackernews React Hackernews Python, Django IMDB React, Redux, Firebase Instagram Reactjs, Express, Nodejs, Mongodb, Socketio Instagram Jetpack Compose Instagram React, Redux Instagram React, Firebase Intercom JAMStack, Vue iOS Homescreen React, Next.js, Emotion Jira React, Typescript Jira Angular, Akita, TailwindCSS, ng-zorro MacOS Calculator React MacOS Notes app React Medium / Wordpress / Substack JAMStack, Ember, Node, MySQL Medium React, Next.js MS Paint Node.js Netflix React, Redux Netflix React, Firebase Netflix React, Firebase Netflix Ruby, React, Redux, PostgreSQL, AWS Netflix React Native, expo Netflix React, TypeScript, MongoDB Nike Express, MongoDB Notion Node, React, Go Omegle React, Firebase, Twilio Orkut ReactJS, GraphQL, Apollo, PostgreSQL PayTM Flutter Pinterest GraphQL, ReactJS, NodeJS, Mysql Postman Electron Postman JAMStack, Vue, NuxtJS, firebase Reddit React, Typescript Reddit Node.js, React, NoSQL TikTok + Reddit React Twitch React, Next.JS, Typescript Slack React, Go Slack JAMStack, Typescript Slack Python, JS, TS Slack React Native, Expo Snapchat React, Redux, Typescript, Cypress, Jest, Enzyme Spotify Angular 11, Nx, ngrx, TailwindCSS and ng-zorro Spotify React Spotify Web Player React Spotify Electron, React, Typescript Spotify React Spotify React Spotify React Native, Expo Spotify React Native Spotify + Soundcloud + YouTube React, Redux, Express, PostgreSQL Stackoverflow ReactJs, NextJs, Express, MongoDB Stackoverflow MySQL, Express, React Tetris Game React, Typescript Tetris Game Typescript Tiktok React, Firebase Tiktok Flutter, Firebase Tiktok + Reddit React Trello Meteor Trello Django, AngularJS Trello PHP Trello React, Redux, Node, Express, MongoDB Trello Angular 10 Trello React, Python, Flask, PostgreSQL Trello React trello Express, MongoDB trello React, Redux, Node, Express,, MongoDB Trello React, Node.js, Firebase, Serverless, AWS Lambda Twitter React, Redux, NodeJS, MYSQL Twitter HTML, CSS, JQuery Twitter MERN Twitter React, express, mongo, aws, Twitter Vue, Express, Mongo Twitter React, Redux Typeform / Google Form Python Typeform Javascript Uber React native, expo Uber Flutter Unsplash React Unsplash React, Material-UI Vimeo React, Redux, Ruby. PostgreSQL Whatsapp Flutter Whatsapp Angular, Express, PostgreSQL, GraphQL, Typescript Whatsapp MERN Wix Javascript, Webpack Workflowy ReactJS, DraftJS Youtube React, Redux, Express, Sequelize Youtube Music React, Firebase, Material-UI Zapier Typescript, Vue, Docker Zapier Ruby

  • GitHub repo freyr-js

    A tool for downloading songs from music streaming services like Spotify and Apple Music.

    Project mention: On your left... | | 2021-03-19

    Freyr is where it's at anyway.

  • GitHub repo soma-fm-player

    This is a Vue.js web application for streaming radio stations from This app uses the public SomaFM JSON channels API endpoint to pull in a list of stations and makes it easy to switch between stations. This app also uses Three.js and the HTML5 Web Audio Context API to sample audio data and create a visualizer effect for the selected station.

    Project mention: Web Effect | | 2021-03-01

    soma-fm-player - SomaFM Music Player Web-App

  • GitHub repo audio-output-switcher

    Gnome Shell Extension: Adds a switch for choosing audio output to the system menu.

    Project mention: Can't remove extension shortcut | | 2021-02-16

    Based on the schema file, even if it doesn’t appear in the GUI, try setting switch-next-audio-output in /org/gnome/shell/extensions/audio-output-switcher/ to [] using dconf, that should disable it.

  • GitHub repo harlowe-audio

    An audio library for use with the Twine 2 story format Harlowe (v2.x or higher).

    Project mention: Java weirdness with HAL? | | 2021-05-04

    You may want to try copying in the code again, since unless the code you're copying from has an issue (and do make sure it's the latest release from the source), that errors suggests you're missing something causing the brackets not to close. The guide might be of help, if you haven't already followed it.

  • GitHub repo m1-web-spatialaudioplayer

    Consolidated Mach1 spatial audio player focused on collecting all headtracking input methods and defining best practices

    Project mention: unify multichannel and spatial audio. | | 2021-03-30

    These were built from:

  • GitHub repo AutoPause

    Browser extension to pause other audio and video sources if audio is playing on the active tab with automatic resume, fast forward and media controls.

    Project mention: Extension to automatically pause/resume media with custom media controls | | 2021-03-23
  • GitHub repo reactjs-media

    The reactjs media is a react package with awesome HTMLMediaElements that are recreated into react components with a good looking UI and fast UX.

    Project mention: How to create a responsive video player in React | | 2021-02-17

    To me I think this is the best package out there that you can use if you want to create a video player although their might be others that are better that it but as I know when it comes to a native video player this is the best I have seen since it also includes an audio player component. You can find it's source code on Github

  • GitHub repo

    Source code for, a batteries-included, web-based, *quasi-*decentralized, WebRTC networking platform, with a primary focus on audio and screen-sharing, and a secondary focus on chat messages and peripheral features.

    Project mention: zenOSmosis/ ... browser-as-a-server, WebRTC networking platform | | 2021-05-14
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-05-15.


What are some of the best open-source Audio projects in JavaScript? This list will help you:

Project Stars
1 howler.js 18,337
2 screenity 5,491
3 react-player 5,249
4 Porcupine   2,421
5 hedron 386
6 mediacms 369
7 react-music-player 348
8 standardized-audio-context 331
9 tonejs-instruments 191
10 img-encode 161
11 react-native-vlc-media-player 119
12 jam 118
13 freyr-js 108
14 soma-fm-player 86
15 audio-output-switcher 53
16 harlowe-audio 22
17 m1-web-spatialaudioplayer 18
18 AutoPause 9
19 reactjs-media 6
20 2