Web FM synthesizer made with HTML5

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • glicol

    Graph-oriented live coding language and music/audio DSP library written in Rust

  • https://github.com/chaosprint/glicol

    you can check my project; audio synthesis in browsers without gc

  • wasgen

    Web Audio sound generator

  • Very neat, though I got prominent clicks and artifacts in both chrome and firefox.

    If anyone's interested, some years ago I made a wrapper library for things like this, to wallpaper over the famously hairy WebAudio synthesis API. Basically you pass in a static object describing the audio graph and parameters you want, and the lib creates the WebAudio nodes and then cleans them up after the sound releases.

    https://github.com/fenomas/wasgen

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • Sonic Pi

    Code. Music. Live.

  • r-audio

    A library of React components for building Web Audio graphs.

  • Nice one! At BBC R&D we built a similar declarative library for React https://github.com/bbc/r-audio

  • system-bus-radio

    Transmits AM radio on computers without radio transmitting hardware.

  • As opposed to AM: https://fulldecent.github.io/system-bus-radio/

  • wasm-audio

    :loud_sound: WASM Synth for Web Audio

  • I found the wikipedia article [1] on the subject to be helpful to understand a little bit whats going on here.

    I wonder if there's more performant wasm implementations that can interface with the WebAudio API [2]? Quick search brings up things like [3]

    [1] https://en.wikipedia.org/wiki/Frequency_modulation_synthesis

    [2] https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_A...

    [3] https://github.com/a-cordier/wasm-audio

  • webaudio-examples

    Code examples that accompany the MDN Web Docs pages relating to Web Audio.

  • I found the wikipedia article [1] on the subject to be helpful to understand a little bit whats going on here.

    I wonder if there's more performant wasm implementations that can interface with the WebAudio API [2]? Quick search brings up things like [3]

    [1] https://en.wikipedia.org/wiki/Frequency_modulation_synthesis

    [2] https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_A...

    [3] https://github.com/a-cordier/wasm-audio

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • dx7-synth-js

    A JavaScript implementation of the Yamaha DX7 synthesizer

  • There is also http://mmontag.github.io/dx7-synth-js/ which has a much more feature-complete FM synth, but likely use WASM, not pure JavaScript.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts