JUCE C++: Create Toggle Button/Checkbox in WebView | GUI Tutorial

👉 PROJECT REPOSITORY: https://github.com/JanWilczek/juce-webview-tutorial 👀 JUCE 8 WebViews feature description: https://juce.com/blog/juce-8-feature-overview-webview-uis/ 🔗 JUCE 8 on GitHub: https://github.com/juce-framework/JUCE 💬 Share your thoughts on the JUCE forum: https://forum.juce.com/t/juce-8-tutorial-videos 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 set up a toggle button (also referred to as a checkbox) controlling an audio parameter in real time. In the tutorial, the underlying parameter controls the bypass value: false means that the plugin is operating as usual and true means that gain application and output level measurement are skipped. In the video tutorial: ✅ How to create an AudioParameterBool to control a true/false parameter ✅ How to use the AudioParameterValueTreeState to store your parameter ✅ How to set up a traditional C++ JUCE ToggleButton controlling an audio parameter ✅ How to set up a WebView-based toggle button controlling the same audio parameter ✅ Web slider classes explained: WebToggleButtonParameterAttachment, WebToggleButtonRelay, WebBrowserComponent, ToggleState 🔗 Check out the project repository and start using WebViews in you plugins today: https://github.com/JanWilczek/juce-webview-tutorial 📅 Video Release Date: 13.01.2025 ERRATUM: Check the newest state of the project on GitHub to see a way to avoid dynamic_casts mentioned in the tutorial. 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: https://youtu.be/mjp4Xu1QA0w?si=mWHDjQYUx_9xsf5b #JUCE #Cpp #JavaScript #AudioProgramming #WebViewGUIs #SoftwareDevelopment #AudioPlugins #JUCE8 TIMESTAMPS 00:00 Introduction 02:41 Boolean parameter-related classes explained 05:58 Creating an audio parameter controlling the bypass 11:08 Creating a C++ UI toggle button to toggle the bypass 16:11 Creating a WebView toggle button (C++ backend) 19:43 Creating a WebView toggle button (HTML/JS frontend) 24:00 Testing the plugin 25:15 Recap