Set Up WebViews in Your Audio Plugin UI | 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/

Jan Wilczek, founder of ‪@WolfSoundAudio‬ blog and YouTube channel, presents how to set up a C++ project using JUCE to include a WebView UI.
This episode focuses on project setup and how to include a WebView UI in the editor of your plugin. It also shows how to display a simple HTML-based file in the WebView UI.

In the video tutorial:
✅ How to import JUCE as a submodule
✅ How to enable WebViews in CMake
✅ Step-by-step instructions for Windows developers
✅ How to add a WebView to your plugin
✅ Displaying a static HTML page in your plugin UI
✅ Link to the tutorial project repository

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

📅 Video Release Date: 03.07.2024

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, Animation...  

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

TIMESTAMPS

00:00 Introduction
00:30 Importing JUCE as a dependency
01:59 Defining the top-level project
03:30 Defining the plugin project
11:06 Project generation & building
11:54 Adding WebViews to the plugin project in CMake
12:50 Adding a WebView to the plugin editor
16:30 Windows-specific WebViews setup
24:10 Serving a custom WebView UI (creating a web-based UI in HTML)
35:55 Setting non-transparent window background on Windows
36:30 Complete WebView UI plugin