Communicating from C++ Backend to JavaScript Frontend | 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, 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 ways of communicating from the C++ backend to the JavaScript frontend:

1. Evaluating JavaScript code in the context of the WebView from C++.
2. Emitting JavaScript events from C++.
3. Running JavaScript code before anything is loaded in the WebView.
4. Passing initialisation data to the frontend from C++.

In the video tutorial:
✅ How to enable C++-JavaScript communication with WebViews
✅ How to use WebBrowserComponent::evaluateJavascript()
✅ How to use WebBrowserComponent::emitEventIfBrowserVisible()
✅ How to use WebBrowserComponent::withUserScript()
✅ How to use WebBrowserComponent::withInitialisationData()

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

📅 Video Release Date: 09.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, Animations, Em...  

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

TIMESTAMPS

00:00 Introduction
00:38 Enabling C++-JavaScript integration
01:01 Importing JUCE JavaScript frontend library
01:47 Importing JavaScript files in WebView UI
04:24 Automatically copying JUCE JavaScript frontend library to your plugin UI files
06:55 Importing juce-framework-frontend library in JavaScript
08:22 Invoking JavaScript code from C++ to execute in the context of the WebView
11:18 Calling evaluateJavascript()
12:33 Handle evaluation result
15:59 Emitting JavaScript events from C++
18:28 Listening for C++-emitted events in JavaScript
20:29 Running JavaScript code in the WebView before its content is loaded
22:13 Passing initialisation data to JavaScript
24:38 Reading initialisation data in JavaScript frontend
26:09 Reading plugin target properties in CMake
28:30 Passing initialisation data to the frontend in C++
31:02 Summary