Build a web assembly synthesiser with iPlug 2 hero

Creative Coding

Build a web assembly synthesiser with iPlug 2

Level

Beginner

Duration

4h 17m of video content

Format

Recorded workshop series

Added

03/11/2021

Watch a preview

01-Introduction

Course overview

iPlug2 is a new C++ framework that allows you to build cross-platform audio plug-ins, using minimal code. One of the exciting features of iPlug2 is that it lets you turn your plug-in into a web page that anyone can use without a DAW (see for example https://virtualcz.io). DISCLAIMER: The codebase and tools used in the videos for this course have evolved since the videos were recorded in 2020. You should be able to achieve the same results with the latest versions of iPlug2, but some steps shown in the materials are outdated. Please note that no support is provided when buying this course.  

Learning outcomes

Learn how to build a web based synthesiser using cloud based tools, and publish it to a GitHub pages website. We will look at some basic DSP in order to customise the sound of the synthesiser and we will also customise the user interface. The same project builds native audio plug-ins, although in the workshop we will focus on the web version.

Who is this course for?

  • This course is aimed at people interested in learning how to use iPlug2 C++ audio plugin framework to create a synthesiser that runs on the web.

Requirements

  • A GitHub account (free)
  • Visual studio code (free)
  • A basic familiarity with Git, C++ and audio processing
  • Docker Desktop installed (free)
  • Access the repository from this link https://github.com/olilarkin/iPlug2OOS-MusicHackSpace

Course content

Build a web assembly synthesiser with iPlug 2 PART 1

12 videos, 2 resources, 2 lessons

+
  • New github link to follow this course
  • Build a WASM synthesiser with iPlug2 - slides
  • iPlug2 containerized WAM development
  • Build a WASM synthesiser with iPlug2 - workshop PART 1
  • 01-Introduction
    Checking access...
  • 02-iPlug2 Projects
    Checking access...
  • 03-Audio Processing C++
    Checking access...
  • 04-Parameters
    Checking access...
  • 05-Basic GUI
    Checking access...
  • 06-Intro to tasks
    Checking access...
  • 07-Setting up VSCode remote containers 1
    Checking access...
  • 08-Setting up VSCode remote containers 2
    Checking access...
  • 09-Setting up VSCode remote containers 3
    Checking access...
  • 10-Building WAM
    Checking access...
  • 11-Fixing WAM build
    Checking access...
  • 12-Publishing WAM and Native to github
    Checking access...

Build a web assembly synthesiser with iPlug 2 Part 2

12 videos, 2 resources

+
  • Build a WASM synthesiser with iPlug2 - workshop 2
  • Extra Source Code files for TASK 5 & 6
  • 13-Introduction to new tasks
    Checking access...
  • 14-Working on tasks 1
    Checking access...
  • 15-Working on tasks 2
    Checking access...
  • 16-Working on tasks 3
    Checking access...
  • 17-Working on tasks 4
    Checking access...
  • 18-Working on tasks 5
    Checking access...
  • 19-Working on tasks 6
    Checking access...
  • 20-Working on tasks 7
    Checking access...
  • 21-Working on tasks 8
    Checking access...
  • 22-Synth DSP 1
    Checking access...
  • 23-Synth DSP 2
    Checking access...
  • 24-Wrapping up
    Checking access...

Instructors

Oli Larkin

Oli Larkin

Instructor

Frequently asked questions