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 | news.ycombinator.com | 2021-04-23

    Another useful resource not on the list: https://howlerjs.com/

  • GitHub repo screenity

    The most powerful screen recorder & annotation tool for Chrome 🎥

    Project mention: I earn a living selling my open source software | news.ycombinator.com | 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 https://github.com/alyssaxuu/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 | dev.to | 2021-05-15

    Visit cookpete.com/react-player.

  • GitHub repo Porcupine  

    On-device wake word detection powered by deep learning.

    Project mention: Getting Rid of Dust / 1.0.0-beta.4 | dev.to | 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! | reddit.com/r/threejs | 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. https://github.com/nudibranchrecords/hedron

  • 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 | reddit.com/r/degoogle | 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 | reddit.com/r/selfhosted | 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. | reddit.com/r/programming | 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 | reddit.com/r/reactjs | 2021-03-07

    I just took them from here https://github.com/nbrosowsky/tonejs-instruments/tree/master/samples/guitar-acoustic

  • 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) | reddit.com/r/github | 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 https://github.com/alexadam/img-encode.git (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 | dev.to | 2021-04-14

    Clone of Demo Repo Tech stack Repo Stars 1Password / LastPass https://bitwarden.com/ https://github.com/bitwarden/mobile C#, Xamarin 2048 https://2048-three.vercel.app/ https://github.com/AreebKhan619/2048 React 2048 https://demo.matsz.dev/2048/ https://github.com/mat-sz/2048 React, TypeScript, Redux 2048 https://guaracy.github.io/beads/sites/2048/2048.html https://github.com/guaracy/2048-beads Beads Airbnb https://abod-bnb.web.app/ https://github.com/abodmicheal/React-projects/tree/master/Abodbnb React, Firebase Airbnb https://realbnb.vercel.app/ https://github.com/shubhsk88/realbnb-frontend TypeScript, React, NextJS, Prisma, GraphQL Airtable https://firetable.io/ https://try.firetable.io/ https://github.com/AntlerVC/firetable React, Firebase, Firestore, Typescript Airtable https://baserow.io/ https://gitlab.com/bramw/baserow Django, nuxt.js, PostgreSQL Algolia https://www.meilisearch.com/ https://github.com/meilisearch/MeiliSearch Rust Amazon https://amazonna.netlify.app/ https://youtu.be/MSctN0MOdt0 https://github.com/emmanuelhashy/amazon-clone React, Firebase Amazon Prime https://prime-clone-e1de6.firebaseapp.com/ https://github.com/peeyush14goyal/AmazonPrime-ReactJS-Clone React Apple Music https://appo-music.herokuapp.com/ https://github.com/oriravid/Appo-Music React, Redux, Ruby on Rails, PostgreSQL Bit.ly https://polrproject.org/ https://github.com/cydrobolt/polr PHP, MySQL Bit.ly https://zws.im/ https://github.com/zws-im/zws Typescript, Battleship Game https://battleboats.ito.wtf/ https://github.com/hairarrow/btship TypeScript, React Clubhouse https://jam.systems/ https://github.com/jam-systems/jam React, WebRTC Clubhouse https://dogehouse.tv https://github.com/benawad/dogehouse React, Postgress, Elixir Codecademy https://codecademyclone.netlify.app/ https://github.com/shanoysinc/Codecademy-clone React Discord http://ericellb.github.io/React-Discord-Clone https://github.com/ericellb/React-Discord-Clone React, Node, Express, Socket-IO, MySQL Discord https://valkyrieapp.xyz https://github.com/sentrionic/Valkyrie React, NestJS, TypeScript, Socket-IO, PostgreSQL Disney+ https://github.com/calebnance/expo-disneyplus/blob/master/.gh-assets/screenshare-4.png?raw=true https://github.com/calebnance/expo-disneyplus React Native, expo Doodle (Scheduling tool) https://sm2030.user.srcf.net/poll/ https://github.com/souramoo/PhpMeeting PHP Dribbble http://driwwwle.herokuapp.com/ https://github.com/itsnitinr/driwwwle MERN, react Dribbble https://v.redd.it/a8lhmpjho0051/ https://github.com/diazabdulm/rumbbble MongoDB, ExpressJS, React, Dropbox https://try.nextcloud.com/ https://github.com/nextcloud/server PHP, JS Dropbox https://demo.filegator.io https://github.com/filegator/filegator PHP, JS, Vuejs Evernote https://joplinapp.org/ https://github.com/laurent22/joplin Javascript, Typescript Facebook https://odinclone.herokuapp.com/ https://github.com/lucaskenji/odinclone-app MERN Facebook https://github.com/KristianWEB/fakebooker-frontend#screenshots https://github.com/KristianWEB/fakebooker-frontend react, graphql, mongodb Firebase https://appwrite.io/ https://github.com/appwrite/appwrite PHP Gmail https://github.com/rodydavis/gmail_clone#screenshots https://github.com/rodydavis/gmail_clone Flutter Google Analytics https://plausible.io/ https://github.com/plausible/analytics React, Elixir, PostgreSQL, Tailwind Google Analytics https://matomo.org/ https://github.com/matomo-org/matomo PHP, HTML, MySQL Google Analytics https://ackee.electerious.com/ https://github.com/electerious/Ackee Node, MongoDB Google Analytics https://learnsql.io https://github.com/hypercable/hypercable Rails, OpenResty, TimescaleDB, postgresql, tailwindcss Google Drive https://mydrive-3.herokuapp.com/ https://mydrive-storage.com/ https://github.com/subnub/myDrive React, Node.js, mongoDB Google Keep https://github.com/anselm94/googlekeepclone/blob/master/docs/mobile-add-todo.gif https://github.com/anselm94/googlekeepclone React, GraphQL, Golang, SQlite Google Keep https://vue-keep-sepia.vercel.app/ https://github.com/wobsoriano/vue-keep Vue, Typescript, Firestore Google Keep https://google-keeps-clone.herokuapp.com/ https://github.com/kimlimjustin/google-keep-clone Django, JS Google Forms http://google-forms-clone.herokuapp.com/ https://github.com/kimlimjustin/google-form-clone Django, JS Google Photos https://photos-clone.web.app/ https://github.com/mani-barathi/Google-Photos-Clone React, Redux, Firebase Google Translate https://libretranslate.com/ https://github.com/uav4geo/LibreTranslate Python, Flask Headspace https://meditofoundation.org/medito-app https://github.com/meditohq/medito-app Flutter Hackernews https://hackernews-redesign.netlify.app/ https://github.com/RocktimSaikia/hacker-news-redesign React Hackernews https://news.python.sc/ https://github.com/sebst/pythonic-news Python, Django IMDB https://imdb-react-clone.herokuapp.com/ https://github.com/djohal/imdb-replica-react React, Redux, Firebase Instagram https://www.instaclone.net/login https://github.com/Sandermoen/instaclone/blob/master/screenshots/NgmjOVkZ4L.gif https://github.com/Sandermoen/instaclone Reactjs, Express, Nodejs, Mongodb, Socketio Instagram https://github.com/vipulasri/JetInstagram/blob/master/art/jetinstagram.gif https://github.com/vipulasri/JetInstagram Jetpack Compose Instagram https://instagram-clone-reactjs.vercel.app/ https://github.com/mucahit-sahin/instagram-clone-react React, Redux Instagram https://instagram-clone-dbe40.web.app// https://github.com/shaan71845/instagram-clone React, Firebase Intercom https://www.chatwoot.com/ https://github.com/chatwoot/chatwoot JAMStack, Vue iOS Homescreen https://ios-homescreen.now.sh/ https://github.com/erickbogarin/ios-homescreen React, Next.js, Emotion Jira https://i.ibb.co/W3qVvCn/jira-optimized.jpg https://github.com/oldboyxx/jira_clone React, Typescript Jira https://jira.trungk18.com/ https://github.com/trungk18/jira-clone-angular Angular, Akita, TailwindCSS, ng-zorro MacOS Calculator https://chamoda.com/react-calculator/ https://github.com/chamoda/react-calculator React MacOS Notes app https://hubert-wyszynski.github.io/notes-app/ https://github.com/hubert-wyszynski/notes-app React Medium / Wordpress / Substack https://ghost.org/ https://github.com/TryGhost/Ghost JAMStack, Ember, Node, MySQL Medium https://next-realworld.now.sh/ https://github.com/reck1ess/next-realworld-example-app React, Next.js MS Paint https://jspaint.app https://github.com/1j01/jspaint Node.js Netflix https://azazel5.github.io/NetflixClone/ https://github.com/Azazel5/NetflixClone/blob/master/flixdemo.gif https://github.com/Azazel5/NetflixClone React, Redux Netflix https://netflix-clone-dd230.web.app/ https://github.com/abodmicheal/React-projects/tree/master/Single-Channel-Messanger React, Firebase Netflix https://github.com/karlhadwen/netflix/blob/master/netflix-preview.png https://github.com/karlhadwen/netflix React, Firebase Netflix http://spaceflix.herokuapp.com/#/ https://github.com/ehecker/spaceflix Ruby, React, Redux, PostgreSQL, AWS Netflix https://expo-netflix.calebnance.now.sh/ https://github.com/calebnance/expo-netflix React Native, expo Netflix https://roseflix-rosebilag.vercel.app/ https://github.com/rosebilag/roseflix/ React, TypeScript, MongoDB Nike https://github.com/saeed9321/Nike-Website-clone/blob/main/screen-capture.gif https://github.com/saeed9321/Nike-Website-clone Express, MongoDB Notion https://www.focalboard.com/ https://github.com/mattermost/focalboard Node, React, Go Omegle https://start-a-conversation.firebaseapp.com/ https://github.com/NickMandylas/start-a-conversation React, Firebase, Twilio Orkut https://orkutnostalgia.netlify.app/ https://github.com/GShadowBroker/orkut-clone-client https://github.com/GShadowBroker/orkut-clone-server ReactJS, GraphQL, Apollo, PostgreSQL PayTM https://github.com/flutter-devs/flutter_paytm_clone#demo https://github.com/flutter-devs/flutter_paytm_clone Flutter Pinterest https://trusting-euler-8aafb8.netlify.app/ https://github.com/machadop1407/pinterest-clone-frontend https://github.com/machadop1407/pinterest-clone-backend GraphQL, ReactJS, NodeJS, Mysql Postman https://insomnia.rest/ https://github.com/Kong/insomnia Electron Postman https://hoppscotch.io/ https://github.com/hoppscotch/hoppscotch JAMStack, Vue, NuxtJS, firebase Reddit https://redditsyncr.netlify.app/ https://github.com/dustinkiselbach/reddit-refactor React, Typescript Reddit https://asperitas.now.sh/ https://github.com/d11z/asperitas Node.js, React, NoSQL TikTok + Reddit https://reddit-tiktok.netlify.app/ https://github.com/hedgecox/Reddit-TikTok-Clone React Twitch https://twitchclone.vercel.app/ https://github.com/alissonsleal/twitch-clone/ React, Next.JS, Typescript Slack https://mattermost.com/ https://github.com/mattermost/mattermost-webapp React, Go Slack https://rocket.chat/ https://github.com/RocketChat/Rocket.Chat JAMStack, Typescript Slack https://zulip.com/ https://github.com/zulip/zulip Python, JS, TS Slack https://github.com/calebnance/expo-slack/blob/master/screenshots/screenshare-3_v1.jpg?raw=true https://github.com/calebnance/expo-slack React Native, Expo Snapchat https://towhidkashem.github.io/snapchat-clone/ https://youtu.be/aRS88v-duKg https://github.com/TowhidKashem/snapchat-clone React, Redux, Typescript, Cypress, Jest, Enzyme Spotify https://spotify.trungk18.com/ https://github.com/trungk18/angular-spotify Angular 11, Nx, ngrx, TailwindCSS and ng-zorro Spotify https://github.com/JL978/spotify-clone-client/blob/master/demo/Authed.gif https://github.com/JL978/spotify-clone-client React Spotify Web Player https://spotify-clone-oguz3.web.app/ https://github.com/oguz3/spotify-web-player React Spotify https://github.com/matpandino/spotify-ui-clone/blob/master/.github/spotify-clone.jpg https://github.com/matpandino/spotify-ui-clone Electron, React, Typescript Spotify https://drive.google.com/file/d/1KOHOJDGaLeumGqQenzCeeShPqIudCJBX/view https://github.com/aashrafh/Oud React Spotify https://tune42-spotify.netlify.app/ https://github.com/Tune42/spotify-clone React Spotify https://expo-spotify.vercel.app/ https://github.com/calebnance/expo-spotify React Native, Expo Spotify https://github.com/osamaq/spotify-lite#screenshots https://github.com/osamaq/spotify-lite React Native Spotify + Soundcloud + YouTube https://www.kord.app https://github.com/bundit/kord-app React, Redux, Express, PostgreSQL Stackoverflow https://clone-of-stackoverflow.vercel.app/ https://github.com/salihozdemir/stackoverflow-clone ReactJs, NextJs, Express, MongoDB Stackoverflow https://drive.google.com/file/d/1A0B3JPUUY2snG8MLZpyz2LWhvThG2epn/view https://github.com/Mayank0255/Stack-Overflow-Clone MySQL, Express, React Tetris Game https://hinsxd-tetris.netlify.app/ https://github.com/hinsxd/react-tetris React, Typescript Tetris Game https://tetris20.netlify.app/ https://github.com/shanoysinc/Tetris Typescript Tiktok https://youtu.be/iYqDUjvsS3o https://github.com/emmanuelhashy/tik-tok-clone React, Firebase Tiktok https://youtu.be/sMKg6ILYgv0 https://github.com/salvadordeveloper/TikTok-Flutter Flutter, Firebase Tiktok + Reddit https://henrybalassiano.github.io/Tik-Tok-Clone/ https://github.com/HenryBalassiano/Tik-Tok-Clone React Trello https://wekan.github.io/ https://github.com/wekan/wekan Meteor Trello https://www.taiga.io/ https://github.com/taigaio/taiga-front https://github.com/taigaio/taiga-back Django, AngularJS Trello https://kanboard.org/ https://github.com/kanboard/kanboard PHP Trello https://trellis-app.herokuapp.com/ https://github.com/ayushagg31/Trellis/blob/master/images/Trellis.gif https://github.com/ayushagg31/Trellis React, Redux, Node, Express, MongoDB Trello https://codesource.io/wp-content/uploads/2020/07/Trelloclone.webm https://github.com/Dunebook/Trelloclone Angular 10 Trello https://tiquetapp.herokuapp.com/ https://github.com/FLiotta/Tiquet React, Python, Flask, PostgreSQL Trello https://tberghuis.github.io/trello-board-clone/ https://github.com/tberghuis/trello-board-clone React trello https://rupmalya-trello-clone.herokuapp.com/signin https://youtu.be/59oQ01VEm30 https://github.com/RupmalyaK/trello-clone Express, MongoDB trello https://project-manager1.herokuapp.com/ https://github.com/arturmolenda/project-manager React, Redux, Node, Express, Socket.io, MongoDB Trello https://trello-project-manager.netlify.app/ https://github.com/berabulut/project-manager React, Node.js, Firebase, Serverless, AWS Lambda Twitter https://twitter-geek.netlify.app/#/ https://github.com/RisingGeek/twitter-clone/blob/master/demo/feed.png https://github.com/RisingGeek/twitter-clone https://github.com/RisingGeek/twitter-clone-backend React, Redux, NodeJS, MYSQL Twitter https://twitterclone2.netlify.app/login.html https://github.com/Dunebook/Twitterclone HTML, CSS, JQuery Twitter https://tclone.netlify.app/ https://github.com/muzam1l/tclone/raw/master/docs/tclone-demo2.gif https://github.com/muzam1l/tclone https://github.com/muzam1l/tclone-api MERN Twitter https://twitterapp-clone.netlify.app/home https://github.com/Ali-hd/Twitter-Clone https://github.com/Ali-hd/TwitterClone-Backend React, express, mongo, aws, socket.io Twitter https://twitter-cln.herokuapp.com https://github.com/Abdullah-V/MEVN-stack-twitter-clone Vue, Express, Mongo Twitter https://twitter-web-clone-react.vercel.app https://github.com/mucahit-sahin/twitter-web-clone-react React, Redux Typeform / Google Form https://ohmyform.com/ https://github.com/ohmyform/ohmyform Python Typeform https://supereasyforms.com/ https://github.com/super-easy-forms/super-easy-forms Javascript Uber https://github.com/calebnance/expo-uber/blob/master/screenshots/screenshare-3.png?raw=true https://github.com/calebnance/expo-uber React native, expo Uber https://youtu.be/ya1lsXS2Wvw https://github.com/Santos-Enoque/uber_clone_with_flutter Flutter Unsplash https://github.com/junipdewan/react-unsplash#react-unsplash https://github.com/junipdewan/react-unsplash React Unsplash https://mani-unsplash-clone.netlify.app/ https://github.com/mani-barathi/unsplash-clone React, Material-UI Vimeo https://bimeo.herokuapp.com/#/ https://github.com/TarikGul/vimeo_clone_full_stack_project React, Redux, Ruby. PostgreSQL Whatsapp https://codesource.io/wp-content/uploads/2020/11/Screenshot_20201029-171635-1-709x1536.png https://github.com/Ekeminie/whatsapp_ui Flutter Whatsapp https://medium.com/p/5479d83baaa4 https://github.com/Urigo/WhatsApp-Clone-Client-Angular https://github.com/Urigo/WhatsApp-Clone-server Angular, Express, PostgreSQL, GraphQL, Typescript Whatsapp https://youtu.be/3TYfkvf4u4M https://clone-massenger.herokuapp.com/signinsignup https://github.com/RupmalyaK/whatsapp-MERN MERN Wix https://grapesjs.com/ https://github.com/artf/grapesjs Javascript, Webpack Workflowy https://deepnotes.in/ https://github.com/mukeshsoni/deepnotes-editor ReactJS, DraftJS Youtube https://utubeclone.netlify.app/ https://youtu.be/wHLurtOnmyM https://github.com/manikandanraji/youtubeclone-frontend https://github.com/manikandanraji/youtubeclone-backend React, Redux, Express, Sequelize Youtube Music https://music-streaming-app-4a392.web.app/ https://github.com/mani-barathi/Octave React, Firebase, Material-UI Zapier https://n8n.io/ https://github.com/n8n-io/n8n Typescript, Vue, Docker Zapier https://vimeo.com/61976251 https://github.com/huginn/huginn Ruby

  • GitHub repo freyr-js

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

    Project mention: On your left... | reddit.com/r/Piracy | 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 Somafm.com. 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 | dev.to | 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 | reddit.com/r/gnome | 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? | reddit.com/r/twinegames | 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. | reddit.com/r/SpatialAudio | 2021-03-30

    These were built from: https://github.com/Mach1Studios/m1-web-spatialaudioplayer

  • 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 | news.ycombinator.com | 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 | dev.to | 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 speaker.app

    Source code for https://speaker.app, 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/speaker.app ... browser-as-a-server, WebRTC networking platform | reddit.com/r/browserfs | 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.

Index

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 speaker.app 2