JavaScript Audio

Open-source JavaScript projects categorized as Audio | Edit details

Top 23 JavaScript Audio Projects

  • howler.js

    Javascript audio library for the modern web.

    Project mention: Does anybody know the code to that player? | reddit.com/r/web_design | 2022-05-20

    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

    The most powerful screen recorder & annotation tool for Chrome 🎥

    Project mention: “Hijacking webcams with Screencastify” | reddit.com/r/k12sysadmin | 2022-05-24

    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-14

    I'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.

  • wavesurfer.js

    Navigable waveform built on Web Audio and Canvas

    Project mention: Does anybody know the code to that player? | reddit.com/r/web_design | 2022-05-20

    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. 🚀

    Project mention: Basic Apple Music Issue | reddit.com/r/mac | 2022-05-27

    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.

    Project mention: Audio Manipulation Library/API | reddit.com/r/reactnative | 2022-05-13

    -https://github.com/naomiaro/waveform-playlist -https://github.com/goldfire/howler.js

  • astrofox

    Astrofox is a motion graphics program that lets you turn audio into amazing videos.

    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)

    Project mention: Hacker News top posts: Dec 9, 2021 | reddit.com/r/hackerdigest | 2021-12-09

    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.

    Project mention: I come seeking council | reddit.com/r/webdev | 2022-03-30

    you can try https://mediacms.io/

  • waveform-data.js

    Audio Waveform Data Manipulation API – resample, offset and segment waveform data in JavaScript.

    Project mention: What is this thing called? | reddit.com/r/web_design | 2021-12-29
  • opus-recorder

    A library for encoding and decoding web audio as OggOpus.

    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.

  • noisecraft

    Browser-based visual programming language and platform for sound synthesis.

    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

  • CPod

    A simple, beautiful podcast app for Windows, macOS, and Linux.

    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

  • vue-plyr

    A Vue component for the plyr (https://github.com/sampotts/plyr) video & audio player.

    Project mention: Add AI Robot 🤖 To Your Portfolio or Company Website | dev.to | 2022-04-11

    Plyr Vue

  • react-music-player

    [Stop the maintenance] :musical_note: Maybe the best beautiful HTML5 responsive player component for react :)

    Project mention: How do I get the lyrics button to work? | reddit.com/r/navidrome | 2021-12-17

    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.

  • vue-audio-visual

    VueJS audio visualization components

    Project mention: BeReadable - Online Multilingual Audio Transcription and Recorder | dev.to | 2022-03-20

    Vue Audio Visual

  • hedron

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

  • 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-27

    Potentially 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.

  • freyr-js

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

    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-21

    Chiptune 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
  • tonejs-instruments

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

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 2022-05-27.

JavaScript Audio related posts

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
Find remote jobs at our new job board 99remotejobs.com. There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com