Salsa Beat Machine 5 (Next.js + Web Audio)
Home Page: https://www.salsabeatmachine.org
Combine and arrange musical instruments to create different Salsa tunes. Great for musicians and dancers who want to practive their Salsa timing and trains their ears.
▶ Check out the online version
▶ Get the Android App
Built with Next.js.
Download the following files and place them in public/assets/audio:
Run:
npm install
npm run devThen go to http://localhost:3009/ and start hacking!
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
Uri - cool web-audio sample! What is the reason that you use mobx instead of RxJs?
thank's for publishing!!
[taurus@lix beat-machine]$ node --version
v18.18.2
[taurus@lix beat-machine]$ npm --version
9.8.1
[taurus@lix beat-machine]$ npm run dev
> [email protected] dev
> next dev -p 3009
Error: Next.js requires react >= 18.2.0 to be installed.
at Object.<anonymous> (/home/taurus/develop/beat-machine/node_modules/next/dist/build/webpack-config.js:135:11)
at Module._compile (node:internal/modules/cjs/loader:1256:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
at Module.load (node:internal/modules/cjs/loader:1119:32)
at Module._load (node:internal/modules/cjs/loader:960:12)
at Module.require (node:internal/modules/cjs/loader:1143:19)
at mod.require (/home/taurus/develop/beat-machine/node_modules/next/dist/server/require-hook.js:64:28)
at require (node:internal/modules/cjs/helpers:119:18)
at Object.<anonymous> (/home/taurus/develop/beat-machine/node_modules/next/dist/server/dev/hot-reloader-webpack.js:34:64)
at Module._compile (node:internal/modules/cjs/loader:1256:14)
Implement a service worker for offline mode
Bug detected on Chrome and Safari works correctly on Firefox
Steps to reproduce:
Expected:
-When click play for the first time metronome red light moves and loop keeps playing until you stop it
Take advantage of the new Media Session API to control playback:
https://developers.google.com/web/updates/2017/02/media-session
React
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
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
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.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.