JUCE 8 Tutorial Videos

We’ve recently started publishing JUCE 8 tutorials on the official JUCE YouTube channel, starting with a thorough overview of WebView UIs, which is a new feature in this major release of JUCE.

Please, use this thread to post questions regarding the tutorials and give constructive feedback to improve the content. Thanks!

The list below will be updated with each subsequent release.

Published videos:

JUCE 8 Feature Overview: https://youtu.be/mjp4Xu1QA0w?si=FpZxd1S_0KqlhZOy

JUCE 8 WebView UI Tutorial

These tutorials are meant to build on one another in a logical progression. Each video is self-contained, however, it’s easiest to watch them in a series. You can use this playlist for simplicity: https://www.youtube.com/watch?v=0ALLRitFE34&list=PLrJPU5Myec8Z-8gEj3kJdMfuuuWFbpy7D

How to set up a WebView UI in your audio plugin: https://youtu.be/0ALLRitFE34?si=a7Jy9n5l8-Sru48P

How to communicate from the C++ backend to your JavaScript WebView UI frontend: https://youtu.be/U_F3ESVWLBk?si=T5PDKJabC3yfupGX

How to communicate from the WebView UI JavaScript to the C++ backend: https://youtu.be/2mP5tS7dYlY?si=-VY1jsVIAIRcwbux

How to use a local development server to easily iterate on your WebView UI: https://youtu.be/Ub-v__G0IFQ?si=nZExBNc1zdW-Oier

11 Likes

This is wonderful. The official tutorials needed some refreshing and expansion.

1 Like

Thanks, great to hear! :slightly_smiling_face:

We’ve just published another one :slight_smile:

Creating audio gain slider in WebView UI: https://www.youtube.com/watch?v=5KoqWtiNZbA

As usual, if something’s not clear, feel free to ask in this thread or in the comments on YouTube.

3 Likes

We’ve just published another one!

Creating a toggle button/checkbox in WebView UI: https://youtu.be/8zB_hzldBOU?si=IPdAe-Yu9gpKqIxI

4 Likes

New tutorial:

:white_check_mark: CREATING A COMBO BOX IN WEBVIEW UI: https://youtu.be/E1JBgQ6CzjQ?si=P9AXi3N9kdU-8xdr

1 Like

Audio Plugin Distribution with WebViews | JUCE 8 Tutorial

How to distribute your audio plugin with WebViews?

2 Likes