Sonic Pi
webaudio-examples
Our great sponsors
Sonic Pi | webaudio-examples | |
---|---|---|
111 | 39 | |
10,507 | 1,188 | |
0.9% | 1.7% | |
8.8 | 5.1 | |
15 days ago | 25 days ago | |
C++ | HTML | |
GNU General Public License v3.0 or later | Creative Commons Zero v1.0 Universal |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Sonic Pi
-
Anyone else using ChatGPT to make music?
I have wondered what grooves it could come with using https://sonic-pi.net/
-
I Need to Grow Away from These Roots
Something fascinating about seeing a 'score' for generative music written out as a sort of specification like that.
There's enough detail there that you can take those instructions and reimplement your own version of it, and you'll end up with essentially the same 'piece of music', but certainly a different interpretation of it. Because while the score lays out some details precisely, it leaves other choices less clear. What does 'all inversions' really mean when enumerating chords? Does it include open, spread voicings? What durations should we choose from for our random waveforms? How short is 'short' when deciding to repeat? And of course, what wave synths should you use, and how should you modulate them?
All those are similar to the decisions a traditional instrumentalist makes when interpreting a sheet music score for performance - here, a generative music coder can follow this 'score' and produce a program that represents their own interpretation of the piece.
Coding it up in Sonic Pi (https://sonic-pi.net/) was a fun exercise, and I feel like I was able to produce something along the lines of what the composer intended. It carries the same kind of mood that the recording in the video has. But it's my own 'performance' of the work, if that makes sense (even if it's actually Sonic Pi 'performing' it at runtime...)
All of which got me thinking about the relationship more generally between specification, and implementation. Considering different programmers' implementations of algorithms as individual 'performances' of scores from the overall design - and then thinking about developers building elements of a larger system architecture as individual performers working to deliver their part of the performance as part of a band or orchestra. Some groups, maybe they're directed by a conductor-architect; others maybe are improvisers, riffing off one another and occasionally stepping up to deliver a solo. And some are maybe solid session performers, showing up and delivering strong but unflashy performances to a producer's specification.
So overall, a nice meditative coding exercise for a Sunday afternoon, and a shift in perspective. Thanks for sharing it.
-
History of the Web - Part 1
On a seriously light-hearted note, Herve Aniglo, talked about teaching children to code with music using Sonic PI, a language agnostic platform that helps you learn recursions, looping, circuit breaking and functional programming by creating simple tunes.
-
Genuary 2024: Generative Art / Creative Coding Month
https://www.youtube.com/playlist?list=PLPYzvS8A_rTYEba_4SDvR...
- Sonic Pi is built on-top of SuperCollider, but it's MUCH easier to get started with making bleeps and bloops. Sam Aaron, who originally created Overtone (a Clojure front-end for SuperCollider) created Sonic Pi initially to teach kids computer programming and music, but now it's turning into a pretty nice live-coding setup. The language is basically a DSL extension of Ruby, and although it's very elegant, I feel like it's a little nerfed in terms of a full language when compared to SCLang, so I'm sticking with the latter for now. High recommend checking it out if you're new to making music or code. https://sonic-pi.net/
- This 'Intro To Live Coding' vid from Alex McLean is great. Gives a good overview of a few fun tools out there that I won't mention here for sake of time (check out Gibber and Hydra for web-based coding things. Gibber is really slick). Alex invented Tidal Cycles, which I feel is like god-tier in terms of power and conciseness. Maybe I'll tinker with Tidal someday, but I want to start with SC.
- Web FM synthesizer made with HTML5
-
Overtone – programmable, live music in Clojure
Strange dice that it seems to mostly be c++, sponsored by 3 prominent elixir shops, with an original OSC server implementation by Joe Armstrong.
https://github.com/sonic-pi-net/sonic-pi/tree/dev/app/server...
-
I really got traumatized
There is a programming language+IDE called SonicPI. It's designed to create music by writing code. You can install the program from the lin, then ask chatGPT to generate some sonic PI code that produces some nice melody. Then just copy the code and paste it into the sonicPI program, and run it by clicking the run button. Here's a conversation for example
- Como encontrar tema de tcc em ciência da computação?
- كورس sound engineer
- Annotated demo of basic capabilities of my rototem audio tool
webaudio-examples
-
How to Create an Audio Visualizer using Nextjs
In this article, we'll explore three essential terms in the Web Audio API for our project. For more in-depth information, visit MDN Docs.
-
Mobile Web Audio: Removing Media Controls from Notifications Tray
Exhausted and having tried out various approaches without much success, I decided to give Web Audio API a try. While it appeared slightly harder to work with, I was frankly running out of options. All that said, moving from HTML5 Audio to Web Audio API involved quite a fair bit of changes and experimentation.
-
Tone.js and the Web Audio API
MDN Web Audio Doc
-
Web FM synthesizer made with HTML5
I found the wikipedia article [1] on the subject to be helpful to understand a little bit whats going on here.
I wonder if there's more performant wasm implementations that can interface with the WebAudio API [2]? Quick search brings up things like [3]
[1] https://en.wikipedia.org/wiki/Frequency_modulation_synthesis
[2] https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_A...
[3] https://github.com/a-cordier/wasm-audio
-
Creating a Cyberpunk-Themed Music Player with React, Web Audio API, and Canvas
Feel free to refer to the official documentation to learn more about the Web Audio API.
-
JavaScript Web APIs Series: Audio and Video APIs
You can see details on how to implement this API in your application, including the interfaces that it extends, the necessary permissions, browser compatibility, and much more on its MDN page.
-
Generating sound in modern Web Audio API
As part of my effort to remake my old Artsy demo in more modern JavaScript, I decided to start with the music player. The original Amiga demo from 1993 used the SoundTracker MOD format, but my remake from 2013 uses an MP3 file, which was a bit of a cheat. Playing an MP3 is efficient and requires almost zero code, but it's not very interesting. Also, it requires loading several megabytes of data. So I decided to try to make a MOD player from scratch, using only the Web Audio API
-
How to Use Rust Code in a JavaScript Worklet (Without wasm-pack)
After taking a good look through the Web Audio API documentation, I decided that the best way for my synthesizer to output sound to the speakers was through the use of the AudioWorkletNode combined with an AudioWorkletProcessor. This combination of two nodes would allow me to generate audio in a background thread which could then be played through the speakers.
- I want to recreate this piano website
-
Introduction to Web Audio API
Let us take a look at various concepts behind Web Audio API.
What are some alternatives?
supercollider - An audio server, programming language, and IDE for sound synthesis and algorithmic composition.
butterchurn - Butterchurn is a WebGL implementation of the Milkdrop Visualizer
FoxDot - Python driven environment for Live Coding
standardized-audio-context - A cross-browser wrapper for the Web Audio API which aims to closely follow the standard.
soundtouch-android - Android bindings for SoundTouch lib, focused on size optimization and real-time processing.
audioworklet-polyfill - 🔊 Polyfill AudioWorklet using the legacy ScriptProcessor API.
overtone - Collaborative Programmable Music
particle-emitter - A particle system for PixiJS
Coltrane - 🎹🎸A music theory library with a command-line interface
emsdk - Emscripten SDK
Black candy - A self hosted music streaming server
sound - WebAudio API playback library, with filters. Modern audio playback for modern browsers.