- 6
- 6 586
JUCE
United Kingdom
Приєднався 2 сер 2023
JUCE is the leading framework for creating multi-platform audio applications targeting desktop, mobile and embedded systems and the JUCE team operate the Audio Developer Conference.
JUCE website: juce.com
Forum: forum.juce.com
ADC website: audio.dev
JUCE website: juce.com
Forum: forum.juce.com
ADC website: audio.dev
Visualising Audio Data in WebView | JUCE 8 WebViews Tutorial
👉 PROJECT REPOSITORY: github.com/JanWilczek/juce-webview-tutorial
👀 JUCE 8 WebViews feature description: juce.com/blog/juce-8-feature-overview-webview-uis/
🔗 JUCE 8 on GitHub: github.com/juce-framework/JUCE
💬 Share your thoughts on the JUCE forum: forum.juce.com/
Jan Wilczek, the founder of @WolfSoundAudio blog and UA-cam channel, presents how to build an audio plugin in JUCE with a WebView GUI.
This episode explains how to pass data from the audio thread to the WebView GUI for visualisation.
In the video tutorial:
✅ Tracking the input audio level using juce::dsp::BallisticsFilter
✅ Signalling updated audio data from the C++ backend
✅ Fetching audio data from the C++ backend in JavaScript
✅ Importing JavaScript graphics libraries in the WebView
ERRATUM: In the processBlock() method, the outBlock object should be resized using getSubBlock() to match the number of samples per channel in the buffer object. The updated code is on GitHub: github.com/JanWilczek/juce-webview-tutorial/blob/f45b297e205b242ceb66867e786af6fe7c4a6cac/plugin/source/PluginProcessor.cpp#L203
🔗 Check out the project repository and start using WebViews in you plugins today: github.com/JanWilczek/juce-webview-tutorial
📅 Video Release Date: 13.08.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: ua-cam.com/video/mjp4Xu1QA0w/v-deo.htmlsi=mWHDjQYUx_9xsf5b
#JUCE #Cpp #JavaScript #AudioProgramming #WebViewGUIs #SoftwareDevelopment #AudioPlugins #JUCE8
TIMESTAMPS
00:00 Introduction
00:53 Recap of using a local dev server for hosting the WebView
01:53 Plan for this tutorial
03:07 Measuring the input level using juce::dsp::BallisticsFilter
13:20 Emitting JavaScript event from the C++ backend at regular intervals
16:03 Fetching audio data from the C++ backend in JavaScript
18:34 Starting local dev server as WebView backend using http-server package from Node.js
20:00 Returning audio data from the ResourceProvider
21:41 Testing audio data retrieval in the plugin
22:34 Using Plotly.js to plot the input level
28:00 Testing input level plotting
29:15 Recap of the tutorial
👀 JUCE 8 WebViews feature description: juce.com/blog/juce-8-feature-overview-webview-uis/
🔗 JUCE 8 on GitHub: github.com/juce-framework/JUCE
💬 Share your thoughts on the JUCE forum: forum.juce.com/
Jan Wilczek, the founder of @WolfSoundAudio blog and UA-cam channel, presents how to build an audio plugin in JUCE with a WebView GUI.
This episode explains how to pass data from the audio thread to the WebView GUI for visualisation.
In the video tutorial:
✅ Tracking the input audio level using juce::dsp::BallisticsFilter
✅ Signalling updated audio data from the C++ backend
✅ Fetching audio data from the C++ backend in JavaScript
✅ Importing JavaScript graphics libraries in the WebView
ERRATUM: In the processBlock() method, the outBlock object should be resized using getSubBlock() to match the number of samples per channel in the buffer object. The updated code is on GitHub: github.com/JanWilczek/juce-webview-tutorial/blob/f45b297e205b242ceb66867e786af6fe7c4a6cac/plugin/source/PluginProcessor.cpp#L203
🔗 Check out the project repository and start using WebViews in you plugins today: github.com/JanWilczek/juce-webview-tutorial
📅 Video Release Date: 13.08.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: ua-cam.com/video/mjp4Xu1QA0w/v-deo.htmlsi=mWHDjQYUx_9xsf5b
#JUCE #Cpp #JavaScript #AudioProgramming #WebViewGUIs #SoftwareDevelopment #AudioPlugins #JUCE8
TIMESTAMPS
00:00 Introduction
00:53 Recap of using a local dev server for hosting the WebView
01:53 Plan for this tutorial
03:07 Measuring the input level using juce::dsp::BallisticsFilter
13:20 Emitting JavaScript event from the C++ backend at regular intervals
16:03 Fetching audio data from the C++ backend in JavaScript
18:34 Starting local dev server as WebView backend using http-server package from Node.js
20:00 Returning audio data from the ResourceProvider
21:41 Testing audio data retrieval in the plugin
22:34 Using Plotly.js to plot the input level
28:00 Testing input level plotting
29:15 Recap of the tutorial
Переглядів: 252
Відео
Hot Reloading Audio Plugin UIs Using Local Server | JUCE 8 WebViews Tutorial
Переглядів 311Місяць тому
👉 PROJECT REPOSITORY: github.com/JanWilczek/juce-webview-tutorial 👀 JUCE 8 WebViews feature description: juce.com/blog/juce-8-feature-overview-webview-uis/ 🔗 JUCE 8 on GitHub: github.com/juce-framework/JUCE 💬 Share your thoughts on the update on the JUCE forum: forum.juce.com/ Jan Wilczek, the founder of @WolfSoundAudio blog and UA-cam channel, presents how to build an audio plugin in JUCE with...
Communicating from JavaScript Frontend to C++ Backend | JUCE 8 WebViews Tutorial
Переглядів 412Місяць тому
👉 PROJECT REPOSITORY: github.com/JanWilczek/juce-webview-tutorial 👀 JUCE 8 WebViews feature description: juce.com/blog/juce-8-feature-overview-webview-uis/ 🔗 JUCE 8 on GitHub: github.com/juce-framework/JUCE 💬 Share your thoughts on the update on the JUCE forum: forum.juce.com/ Jan Wilczek, the founder of @WolfSoundAudio blog and UA-cam channel, presents how to build an audio plugin in JUCE with...
Communicating from C++ Backend to JavaScript Frontend | JUCE 8 WebViews Tutorial
Переглядів 819Місяць тому
👉 PROJECT REPOSITORY: github.com/JanWilczek/juce-webview-tutorial 👀 JUCE 8 WebViews feature description: juce.com/blog/juce-8-feature-overview-webview-uis/ 🔗 JUCE 8 on GitHub: github.com/juce-framework/JUCE 💬 Share your thoughts on the update on the JUCE forum: forum.juce.com/ Jan Wilczek, founder of @WolfSoundAudio blog and UA-cam channel, presents how to set up a C project using JUCE to inclu...
Set Up WebViews in Your Audio Plugin UI | JUCE 8 WebViews Tutorial
Переглядів 1,3 тис.2 місяці тому
👉 PROJECT REPOSITORY: github.com/JanWilczek/juce-webview-tutorial 👀 JUCE 8 WebViews feature description: juce.com/blog/juce-8-feature-overview-webview-uis/ 🔗 JUCE 8 on GitHub: github.com/juce-framework/JUCE 💬 Share your thoughts on the update on the JUCE forum: forum.juce.com/ Jan Wilczek, founder of @WolfSoundAudio blog and UA-cam channel, presents how to set up a C project using JUCE to inclu...
Dive Into JUCE 8: WebViews, Animations, Emoji and More! 🧃🎉
Переглядів 3,6 тис.3 місяці тому
The JUCE 8 preview branch has been released! Watch this video for an overview of all the new features and major changes in one of the most loved C frameworks! 🔗 Check out the juce8 preview branch on GitHub: github.com/juce-framework/JUCE/tree/juce8 💬 Share your thoughts on the update on the JUCE forum: forum.juce.com/t/the-juce-8-preview-branch-is-available-now/ 👀 For more information, visit ju...
I'm still really not getting why anyone would want to use this webview stuff. Seems like so much work compared to just using existing methods. Seems like it's brittle if the OS installed webview frameworks are changed. Who is realistically going to be replacing their existing UIs with this?
Does all that custom setup for windows need to be done by the user?
Great series, learning a lot. Have a question, is it possible to serve WebUI from a DEV server and also do the fetch calls from the UI app t C++ backend. I can see that it is possible to serve the UI files with zip method, but it seems that it will require building of the UI code on every UI change. Thanks
Actually, with the help of your next video was able to figure it out. I did not know that getResource is still called even when we serve the UI app files with the DEV server. Thanks.
Really appreciate this content, thank you so much!
This is so fun, thank you!
THANK YOU 💯🔥 i learn sooo much from these videos it is literally insane! I had never programmed anything in my life before, now you set me up with these awesome tutorials and im on my way to creating my first plugin. My goal is to create sample based instruments, similar to Kontakt but less complex and a more user friendly interface
Jan!! Nice to see you on the official JUCE channel.
I was able to get the web app I've been developing over the last year running in a JUCE web component today, and it all works! I cannot express how grateful I am to the folks at JUCE and to you Jan for this great tutorial! This opens up so many possibilities for me!
Awesome, great to hear!
Great job, Jan! Looking forward to the next one!
Coming soon!
Can I use cmake in juce 8 out of the box? With previous versions you have to use third-party repositories to be able to work with cmake. And for some reason, compilation for Linux with cmake, in this case, turns out to be quite long. (If I make small changes to the code, it causes everything to be recompiled). You had a video on how to use juce with cmake. Is this relevant for version 8?
Yes, you can use JUCE with CMake since JUCE version 6.
Thanks a lot!!!
You're welcome!
Thanks ! On Mac, I don't get the right-click web inspector on the standalone... is there a debug flag or something that needs to be set?
I am having the same issue! Did you find a solution to this?
Fantastic , thanks Jan !
Thanks a lot for this tutorials. Waiting for more!
More to come!
Thanks
Excited to start using this, thanks for uploading!
Great, thanks!
Very good. Just need to shift yourself a bit further left (or make the files panel wider) because you're covering up the logs appearing in the Terminal.
Thanks, yes, that'll be corrected in the future episodes 🙂
Awesome! Are there any plans to support Wasm plugins?
Did you guys just kill HISE? "You may not create, make available as a service, nor distribute software that creates software that contains JUCE. This encompasses all projects and products that provide the ability to generate plug-ins and standalone software that uses JUCE."
So the animator class / easings are just like Macromedia Flash from 20 years ago - easy enough!
Thanks for everything. Been messing with compiling a few things recently and grateful for all the work put in by numerous people. Look forward to whatever else you all come up with.
Great to hear!
JUCE just became interesting to me. Web view has been a long time coming, I’m happy to see you’ve noticed the trend
So cool to see this Jan collab on the main channel
Still no CLAP? Sheesh.
Why would i need clap again?
@@INeedsMoneys If you can't google it and understand the information that's presented to you, then I won't be able to explain it to you either.
@@1b2m alright
CLAP support is planned for JUCE 9. See the official roadmap here: juce.com/blog/juce-roadmap-update-q3-2024/
Amazing!
Yay! Thank you!
💬 Share your thoughts on the update with the JUCE team on the forum! forum.juce.com/t/the-juce-8-preview-branch-is-available-now/