Example code
Below you'll find a variety of example applications that demonstrate how to setup specific scenarios across a range of platforms. Take a look through the code and learn how to get your ideas off the ground.
Make sure you're being shown the correct language by toggling the language selector on the top right.
Each JavaScript framework has slightly different ways of doing the same thing. You'll find guides for the following frameworks and vanilla JS writing styles.
React
A React project project ready with superpowered wired in ready.
Angular
An Angular project project ready with superpowered wired in ready.
Vue
A Vue.js project project ready with superpowered wired in ready.
Vanilla JS
A Vue.js project project ready with superpowered wired in ready.
Flutter
A Flutter example application with Superpowered.
React Native
A React Native example application with Superpowered.
Android
iPhone/iPad
| SuperpoweredCrossExample | A fully-functional DJ app project example. |
| SuperpoweredFrequencies | Shows how to use a single effect (input -> fx -> output). |
| SuperpoweredFrequencyDomain | Simple time domain to frequency domain transformation with buffering and windowing. |
| SuperpoweredHLSExample | Shows how to use a player (for local, progressive download or HLS playback). |
| SuperpoweredOfflineProcessingExample | Shows how to record the microphone input using SuperpoweredRecorder. |
| SuperpoweredPerformance | This project comes with two example apps, a simple and a complex example app. |
VisionOS
An XCode project for VisionOS with Superpowered.
tvOS
| SuperpoweredTVExample | tvOS example project. |
Windows
| Effect | Shows how to use a single effect (input -> fx -> output). |
| HLS | HTTP Live Streaming example project. |
| Player | Shows how to use a player (for local, progressive download or HLS playback). |
| Recorder | Shows how to record the microphone input using SuperpoweredRecorder. |
Linux
You might want see our various guides to help you with other common goal in your Superpowered project:
