Zoltan is a polyphonic music synthesizer that you can play in your browser.

Overview

Zoltan

Zoltan is a polyphonic browser-based synthesizer written in TypeScript using React. The project is currently in the early alpha stages, so expect breaking changes to be frequent.

Live Demo

You can try the live demo here which is built from the master branch.

Note: Audio doesn't work on iOS at the moment due to an issue with the way mobile browsers handle starting and stopping audio contexts.

Libraries Used

  • Reactronica - An awesome library which β€œaims to treat music as a function of state, rendering sound instead of UI.”
  • Material UI - For component UI design.
  • React Dial Knob - A great component to model synth knobs with.
  • React Bootstrap - For using Bootstrap with React syntax.
  • Styled Components - For writing CSS from within Javascript.

Build Log

I've created a build log which explains how Zoltan was developed:

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\

You might also like...

Play your favorite playlist with rexom

Play your favorite playlist with rexom

rexom 🎢 Play your favorite playlist with rexom 🎢 πŸ“œ Requirements. Make Your own discord bot from here make sure you have Git, VS Code, nodejs in yur

Dec 25, 2022

πŸͺ— Play the 3-row diatonic button accordion with your computer keyboard!

πŸͺ— Play the 3-row diatonic button accordion with your computer keyboard!

Keyboard Accordion Play the diatonic button accordion with your computer keyboard! Todo Add bass notes Add CGF and EAD tunings Add scales Add bottom 3

Dec 7, 2022

Watch youtube, play poker and many others games together!

Watch youtube, play poker and many others games together!

THE GAMES ARE FROM DISCORD STOP MESSAGING ME ABOUT IT! Powercord Together A plugin that makes easy to watch youtube, play poker and many others games

Nov 25, 2022

Play games or watch YouTube videos together on Discord !

Play games or watch YouTube videos together on Discord !

Discord Together πŸ”© Installation Install discord-together $ npm install discord-together@latest Install discord.js $ npm install discord.js πŸ”‘ Featu

Jan 3, 2023

β¬›β¬œπŸŸ¨πŸŸ©πŸŸ©πŸŸ¨β¬œβ¬› Reminds and keeps track of those that play wordle.

πŸ“ Discord Wordle Reminder Bot Tired of always trying to remember to play the new Wordle? We were too. Introducing Discord Wordle Reminder Bot! πŸ“ A o

Jan 12, 2022

πŸ€– NODE.TS - Play a welcome sound every time someone joins the voice channel, meme bot. (Olha ele ae)

welcome2voice-bot πŸ€– NODE.TS - Play a welcome sound every time someone joins the voice channel. πŸ€– INVITE-ME πŸ€– Installation Clone project git clone g

Feb 23, 2022

Search and Get the Music that you like from anywhere!

Search and Get the Music that you like from anywhere!

Music-Engines music-engines is a package to fetch a music/artist/album or even playlist from the platform you choose, there multi platforms that are s

Dec 15, 2022

Add some fire to your Spotify music playlists πŸ”₯🎧

Add some fire to your Spotify music playlists πŸ”₯🎧

Spotifire πŸ”₯ Add some fire to your Spotify music playlists 🎧 Built With Next.js React Tailwind CSS (v3.0) NextAuth Recoil Spotify Web API Preview Vis

Jun 19, 2022

This project was created to help discord.js developers start their own bot, you can take this project as a basic for your bot and add things to it as you want. πŸ™‚

Discord.js Starter-Bot A small & basic discord.js bot to help you get started 🏝️ This project was created to help discord.js developers start their o

Nov 29, 2022
Comments
  • Fix UI Issues on Mobile and Desktop

    Fix UI Issues on Mobile and Desktop

    In the current user interface, there's no padding on the control row, keys row, and header. Moreover, the page contains a horizontal scrollbar when it shouldn't. Here's how it currently looks on Desktop: issues and mobile: ip

    It would be good to add padding and fix this horizontal scrolling issue.

    bug help wanted good first issue 
    opened by markjamesm 1
  • Wire up knobs to the synthesizer engine

    Wire up knobs to the synthesizer engine

    At the moment, the project is using the React Dial Knob component to mimic real synth knobs. These knobs make use of React state hooks to keep track of the current slider values. I need to figure out how to connect the state values to the synth engine so that anytime a knob is turned a new value is passed into the synth.

    enhancement good first issue 
    opened by markjamesm 2
Owner
Mark-James McDougall
Passionate about music and coding.
Mark-James McDougall
It is a discord bot bot which can play lofi song in different language 24/7. It has premium system and cool embed looks with buttons. It can play youtube songs, playlists. This bot code was made by Supreme#2401. It uses djs V12

Lofi-Radio-Music-Bot It is a discord bot bot which can play lofi song in different language 24/7. It has premium system and cool embed looks with butt

Diwas Atreya 89 Jan 2, 2023
Remote Keyboard Tutoring System is a web-based system that can be attached to any keyboard synthesizer through a MIDI connector.

The Remote Keyboard Tutoring System is a web-based system that can be attached to any (electronic) keyboard synthesizer through a MIDI connector. Once our system is connected to the keyboard, the user can interactively learn, play or teach in combination with the web application that we provide.

Department of Computer Engineering, University of Peradeniya 3 Nov 15, 2022
Advanced Music Bot It is an advance type of discord music bot which plays high quality of music with spotify

Advanced Music Bot It is an advance type of discord music bot which plays high quality of music with spotify, apple music support . You can save your songs and play it. It also has DJ mode system.

Diwas Atreya 65 Dec 25, 2022
A NodeJS package for voice channel interactions on Revolt. This package lets you join voice channels, play music and more!

Revoice.js - A Voice Module for Revolt This package is still in developement and lacks many features. You still are able to play sound to a voice chan

ShadowLp174 13 Dec 25, 2022
A decentralized Music Ownership System developed on Truffle Suite and React Bootstrap to allow Music artists to upload their content to the blockchain, that can be streamed by users

A decentralized Music Ownership System developed on Truffle Suite and React Bootstrap to allow Music artists to upload their content to the blockchain, that can be streamed by users.

M. Adil Fayyaz 10 Sep 5, 2022
Discord bot made in javascript to play youtube music.

DJS O DJS Γ© um bot para Discord com a capacidade da criar playlists personalizadas, tendo como fonte a biblioteca de mΓΊsicas do Youtube. Frameworks e

Matheus Luiz 2 Aug 21, 2022
Music-Player - Music player application built with HTML, CSS and vanilla JavaScript

Music-Player Music player application built with HTML, CSS and vanilla JavaScrip

Karthik Umashankar 1 Feb 10, 2022
A mobile app for playing music on Resonate, an open source music streaming co-op.

stream2own Play fair. Website | Twitter | Contributing | Developer Guide ?? Resonate Stream App A mobile app for playing music on Resonate, an open so

Peter Klingelhofer 12 Dec 28, 2022
null 8 Nov 4, 2022
A self-hosted, completely private and free music streaming server compatible with Synology Audio Station's web browser interface and smartphone apps.

Open Audio Server Open Audio Server is a music streaming server compatible with Audio Station by Synology. Audio Station creates your own private serv

null 91 Dec 11, 2022