webaudio-examples
emsdk
webaudio-examples | emsdk | |
---|---|---|
39 | 39 | |
1,188 | 2,836 | |
0.8% | 0.8% | |
5.1 | 7.9 | |
29 days ago | 9 days ago | |
HTML | Python | |
Creative Commons Zero v1.0 Universal | GNU General Public License v3.0 or later |
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.
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.
emsdk
- Software Applications Incorporated
-
How does one get started with unit testing?
One place that I’ve found some real, open source unit tests to look at for an example is in the emsdk for emscripten: https://emscripten.org
-
godot 4.2 apksigner returned with error #2
Your default path was set by emsdk, given where the path is pointing. Your modified path is the path the installer linked in the Godot docs sets, just typically that kind of stuff doesn't override existing variables. This is a good thing to keep in mind in general as if you end up having to use a different version for something else in the future and just install it expecting the installer to update it for you, you will likely run into the same issue.
-
WebAssembly: Building GUI for C++ libraries with Embind
Emscipten C/C++ to WebAssembly compiler.
-
Playing with low-level memory in WebAssembly
I am playing around with Emscipten which wraps around clang to compile C/C++ code in WASM binary and provide some glue-code API to embed WASM binary into JavaScript. Look into MDN Docs and Emscripten SDK to get started.
-
Is there any alternative other than JavaScript to deal with web frontend?
Elm is a different approach that compiles into JavaScript. In the extreme case, you have Emscripten which will compile many language into JavaScript but will feel really clumsy compared to using JavaScript in a lot of cases.
-
What's the "modern" way of creating a native addon for Node.js?
https://emscripten.org/ ?
-
SQLite builds for WASI since 3.41.0
SQLite is a pretty popular database and it's a critical dependency for many different applications. By compiling it to Wasm32-wasi, you can add it to any WebAssembly module.
This enables a new set of possibilities for Wasm and SQLite. For example, now you can run a full WordPress application in the browser [1][2] / server [3] using the same Wasm module. Note that for the browser these projects use Emscripten [4], but in the future the same Wasm32-wasi module will work.
In general, any environment that includes a wasm runtime can potentially run applications that uses SQLite under the hood. Before, it wasn't possible.
- [1] https://wordpress.wasmlabs.dev/
- [2] https://developer.wordpress.org/playground/demo/
- [3] https://wasmlabs.dev/articles/running-wordpress-with-mod-was...
- [4] https://emscripten.org/
-
Noob question: Between WebGL, OpenGL ES and emscripten, what is the recommended usage and relationship between them for creating an interactive browser based graphics app?
The emscripten interface for the assimp library. It runs entirely in the browser, and allows you to import 40+ 3D file formats and access the result in JSON or glTF format. This is not a full port of assimp, but an easy to use interface to access it's functionality.
-
Website with Godot?
Three.js is written in JS and loads like a JS library on a modern website. Godot is a binary application transpiled to WASM (with the help of emscripten), resulting in a pretty large initial payload. Godot provides JS integration, but it feels less "native" with its layers of abstraction.
What are some alternatives?
butterchurn - Butterchurn is a WebGL implementation of the Milkdrop Visualizer
pyscript - Try PyScript: https://pyscript.com Examples: https://tinyurl.com/pyscript-examples Community: https://discord.gg/HxvBtukrg2
standardized-audio-context - A cross-browser wrapper for the Web Audio API which aims to closely follow the standard.
WASI - WebAssembly System Interface
audioworklet-polyfill - 🔊 Polyfill AudioWorklet using the legacy ScriptProcessor API.
itk-wasm - High performance spatial analysis in a web browser, Node.js, and across programming languages and hardware architectures
particle-emitter - A particle system for PixiJS
website - WebAssembly website
sound - WebAudio API playback library, with filters. Modern audio playback for modern browsers.
tictactoe-game-wasm - This is a simple example for creating your first game in web assembly. The logic for this tic-tac-toe game is written in C++.
react-tetris - Tetris game built with react and zustand
CLI11 - CLI11 is a command line parser for C++11 and beyond that provides a rich feature set with a simple and intuitive interface.