zya / beet.js Goto Github PK
View Code? Open in Web Editor NEWPolyrhythmic Sequencer library for Web Audio API.
Home Page: http://zya.github.io/beet.js
License: MIT License
Polyrhythmic Sequencer library for Web Audio API.
Home Page: http://zya.github.io/beet.js
License: MIT License
I started experimenting with beet to create a non-euclidean rhythm generator. I'm using the npm version of it inside my vuejs project. And whenever I create a layer from a pattern (as the docs say) I get this error.
Uncaught (in promise) TypeError: can't convert undefined to object
webworkify beet_js.js:4256
Metro wa-metro.js:21
Layer layer.js:10
js beet_js.js:4549
My code:
import Beet from 'beet.js'
const context = new AudioContext();
const beet = new Beet({
context: context,
tempo: 120
});
let pattern = beet.pattern(3, 7);
let layer = beet.layer(pattern, (t) => console.log(t));
Hi, first of all thank you for this awesome project <3
There is a way to toggle layer playback?
Hi ... Perhaps this is super obvious, but I'm stuck for sure. Do you have guidelines on how to use Beet.js with React?
Thanks!
At the moment if you have multiple layers, you will need to call beet.add
multiple times.
It would be nice if I could do something like this:
var layer1 = beet.layer(pattern1, cb);
var layer2 = beet.layer(pattern2, cb2);
beet.add(layer1, layer2);
//or
beet.add([layer1, layer2]);
Sometimes, after pausing or stoping the scheduler, some events will be scheduled in a very short interval which causes issues on mobile.
Hi, I don't know if this is a bug, but I found a unexpected behavior
in comparison with other implementations of euclidean rhythm like
https://dbkaplun.github.io/euclidean-rhythm/
When I add two layers A (5,13) and B(3,8), they start and stop in the
same moment. Given the amount of step, they should start together but
while they playing they should "desync", like two cogs with different
sizes, that start together but not aways finish in same time?
Once more thank you for this amazing library.
PS: sorry for my english is not my first language
The description for the multiple layer example says that the tempo can be updated in real time. How would I do this?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.