Hot Reloading Audio Plugin UIs Using Local Server | JUCE 8 WebViews Tutorial

Описание: 👉 PROJECT REPOSITORY: https://github.com/JanWilczek/juce-we...
👀 JUCE 8 WebViews feature description: https://juce.com/blog/juce-8-feature-...
🔗 JUCE 8 on GitHub: https://github.com/juce-framework/JUCE
💬 Share your thoughts on the update on the JUCE forum: https://forum.juce.com/t/juce-8-tutor...

Jan Wilczek, the founder of ‪@WolfSoundAudio‬ blog and YouTube channel, presents how to build an audio plugin in JUCE with a WebView GUI.

This episode explains how to use a local development server to host your plugin UI.

In the video tutorial:
✅ How to start a local dev server with your web-based plugin UI
✅ How to display the UI in WebView (juce::WebBrowserComponent)
✅ How to retrieve C++-specific resources from the JavaScript frontend
✅ How to test the WebView plugin in a DAW

🔗 Check out the project repository and start using WebViews in you plugins today: https://github.com/JanWilczek/juce-we...

📅 Video Release Date: 30.07.2024

Flames image by Freepik: https://www.freepik.com/free-vector/h...

ABOUT JUCE 8

The JUCE team is delighted to announce the release of JUCE 8, representing a significant advancement in audio application and plug-in development. This release showcases highly anticipated updates, including substantial low-level improvements to text rendering, lightning-fast Direct2D rendering on Windows, and the introduction of a new animation framework. In addition to bolstering traditional UI capabilities, JUCE pioneers a new era in audio software interfaces by unlocking the potential of WebViews, offering developers a modern foundation for next-generation applications.

An introduction to the main features of JUCE 8 can be found here:    • Dive Into JUCE 8: WebViews, Animations, Em...  

#JUCE #Cpp #JavaScript #AudioProgramming #WebViewGUIs #SoftwareDevelopment #AudioPlugins #JUCE8

TIMESTAMPS

00:00 Introduction
01:10 Starting local dev server with plugin UI using http-server Node package
02:51 Directing WebBrowserComponent to the local dev server
06:13 What to do if your WebView plugin doesn't update
07:00 Copying the WebView plugin to the common plugin folder
08:00 Testing the plugin in a DAW
08:26 Requesting resources from C++ even if using a dev server
09:24 Retrieving a C++-only resource in JavaScript
11:00 Returning a C++-only resource from the backend
14:42 Allowing C++ resource requests from a specific URL
16:40 Testing the complete plugin
17:36 Summary