Giter Site home page Giter Site logo

fourks / polyrhythmical Goto Github PK

View Code? Open in Web Editor NEW

This project forked from pierluigi/polyrhythmical

0.0 2.0 0.0 524 KB

An experiment on Web MIDI and polyrhythms written in Javascript.

Home Page: https://pierlo-upitup.github.io/polyrhythmical

License: MIT License

JavaScript 97.35% HTML 0.87% AppleScript 1.21% CSS 0.56%

polyrhythmical's Introduction

Polyrhythmical

An experiment on Web MIDI and polyrhythms written in Javascript. Try the online demo.

Polyrhythmical

Demo

If you have a recent Chrome version you can try the online demo or watch a video recording of Polyrhytmical in action on YouTube:

Polyrhythmical video tour

Features

With Polyrhythmical you can create several step sequencers and generate patterns with different step lengths to achieve odd polyrhythms. Each sequencer can be attached to a different MIDI output and channel. You can control both external and internal MIDI capable devices. Here is a simple tutorial on how to create a virtual MIDI device on OSX.

Notes

This is an experiment written just for fun. Do not expect this to be a full-featured MIDI sequencer in your browser.

The goal of this project is to explore the current limitations of the Web MIDI API and to have fun with MIDI sequencing in the browser.

Unfortunately until Web Workers don't get access to the MIDI API, accurate timing will stay a dream.

Please note that Web MIDI API is currently only supported by Chrome and Opera.

Development

Requirements

  • a recent version of Chrome
  • Node 5
  • npm
  • a MIDI interface (virtual OR physical)
  • a MIDI capable synthesizer (hardware OR software)

To start the development environment:

git clone etc
npm install
npm start

to build for production:

npm build
cd build
php -S localhost:8181 # or any other http server

License

Licensed under an MIT License.

Credits

Thanks to WebMidi and Web Audio Scheduler. Based on Create React App and MUI CSS.

polyrhythmical's People

Contributors

pierluigi avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.