Loading spinner animation

[Sawer]

Hello everyone,

How and Where can I implement (probably in the c++ side) a loading spinning animation when:

1. User Initialise Plugin for the first time?
2. User select samples folder?

The plugin is actually taking some time to load due to the number of samplemaps and serial keys embedded.

The loading spinner could be a great user friendly feature.
Thanks

[Matt_SF]

@Sawer use a timer and Engine.getPreloadProgress()

HISE | Docs

(docs.hise.audio)

[Sawer]

@Matt_SF Thanks, Matt.

Just wondering where I should Implement the function?
Will This preload method occur also after the user selected the samples folder?

[Matt_SF]

@Sawer I've use it once quite some time ago, so I'll have to check how I implemented it but it's simple. I'll take a look when I'm at my computer

[Sawer]

@Matt_SF Thanks so much, waiting.

[Matt_SF]

@Sawer IIRC : when loading new samples (i.e. by use of a button or menu) > start a timer which will get periodically the loading state. You'll get a value from 0.0 to 1.0 which you can use either to run a loading bar, or make a spinner run until the value is 1.0

[Sawer]

@Matt_SF Thanks for answering, however I dont know if I got your answer right.

What's IIRC?
Where in the code should I implement this? C++ side or Hise IDE side?

Maybe I should give more context of the outcome I'm thinking about:

For instance; User purchase product and installs it in the computer. Then the user opens the plugin in daw, it takes like 5/6 seconds to ask samples folder. After the user selected samples folder, it takes another 5/6 seconds again to show the alert window.

In between these waiting seconds, the spinning loadng progress will animate there.

Hope It is clear now. Thanks

[Matt_SF]

@Sawer IIRC stands for "If I recall correctly"

You have to implement this in HISE. But the loading callback only fires when you change the sample content.
If it's not the case you'll have to find a way to implement a timer which will display a spinner according to something else.

This is what the docs says about the loading callback :

HISE | Docs

(docs.hise.audio)

To display a spinner when changin samples, you should write :

if(isPreloading)
     t.startTimer(x);
else
   t.stopTimer();

In the timer you'll make the spinner move.

Edit: fixed typo

[DanH]

@Matt_SF typo in that code...

[d.healey]

This is how I'm doing it https://codeberg.org/LibreWave/RhapsodyBoilerplate/src/branch/main/includes/Spinner.js

[Matt_SF]

@DanH yeah I just tossed it like that to give an idea. It was not meant to be used as is . I just corrected it.

[clevername27]

@Matt_SF @d-healey Agreed with consensus that the place to do this is in HISE. I'm using Lottie here, hit me up if you'd like more info/code.

[Dan Korneff]

@clevername27 please do. I'm looking at adding lottie to my next project. I've only tinkered with it briefly in the past

[d.healey]

@Dan-Korneff I have a video about using lottie in HISE (might only be available for Patrons at the mo though).

[Dan Korneff]

@d-healey I'm a subscriber :)

[d.healey]

@Dan-Korneff Thanks :)

[clevername27]

@clevername27 See my next post. There's a great example in the documentation, though, that shows you exactly how to do it. The short answer is, "manually" lol.

[Sawer]

@clevername27 @d-healey @Matt_SF Thanks so much for replying here.

Should the code be implemented in "onInint" callback right?

[clevername27]

@Sawer Not sure I understand the question. Have you seen this? Cheers.

[Matt_SF]

@Sawer put anywhere in you UI script == can be on init or in an include file. Remember to defer your UI script :
https://docs.hise.audio/hise-modules/midi-processors/list/scriptprocessor.html#audio-thread-and-deferred-callbacks