Product
Introducing SSO
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
Readme
⚠️ mdlr is just a lil bb library right now ⚠️
⚠️ ~please contribute if it interests you~ ⚠️
mdlr
is an abstraction of synthesis via the web audio API in the form of composable React components.
While it draws inspiration from react-music
, its goals differ. If react-music
could be considered most equivalent to a synthesizer workstation, mdlr
would be best compared to Max (perhaps its BEAP library in particular), or modular synthesizers. Nonetheless, mdlr
draws inspiration from other javascript libraries and web audio API abstractions such as react-music
and i_dropped_my_phone_the_screen_cracked
mdlr
is not concerned with implementing methods of control like sequencers, MIDI input, or basic musical time structures. In fact, mdlr
doesn't even implement musical pitch (since this is easily derived by other utilities like note-to-frequency
) in favor of frequency. Decisions about control, timing, temperament, etc. are better made in the context of mdlr
's use.
via npm
:
npm install --save mdlr
or via yarn
:
yarn add mdlr
import { AudioContext, Output, Oscillator, Modulation } from 'mdlr';
const ToneGenerator = ({ freq }) => (
<AudioContext>
<Output>
<Oscillator frequency={freq} waveform="sawtooth">
<Modulation parameter="frequency">
<Oscillator frequency={30} />
</Modulation>
<Modulation parameter="amplitude">
<Oscillator frequency={2} />
</Modulation>
</Oscillator>
</Output>
</AudioContext>
);
⚠️ documentation for components needed here! ⚠️
Node.js >= v4 and Yarn must be installed.
yarn install
in the components's root directory will install everything you need for development.yarn start
will run a development server with the component's demo app at http://localhost:3000 with hot module reloading.yarn lint
will run linter on scripts.yarn pretty
will prettify scripts.yarn test
will run the tests once.
yarn test:coverage
will run the tests and produce a coverage report in coverage/
.
yarn test:watch
will run the tests on every change.
yarn build
will build the component for publishing to npm and also bundle the demo app.
yarn clean
will delete built resources.
FAQs
a react component library for building declarative synthesizer instruments and systems
The npm package mdlr receives a total of 2 weekly downloads. As such, mdlr popularity was classified as not popular.
We found that mdlr demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.