Check the audio

Hi everyone!

I’m working on a project in Intuiface and need some help managing a combination of audio playback and animation. Here’s what I’m trying to achieve:

  1. I have an audio file that should play when a play button, located at the center of a circle, is clicked.
  2. I want users to visually see the audio duration: a small light should move along the perimeter of the circle, indicating the progress of the audio.
  3. If the user presses the pause button, the light should stop, and it should resume from the same point when play is clicked again.

Is it possible to create this interaction in Intuiface? If so, how can I synchronize the audio playback with the light animation on the circle?

Thank you so much for your help! :blush:

Hi Federica,

This is not super easy to do, but based on what I think you are trying to do, it looks doable. The steps will be to

  • Compute the progress of the Audio playback, using both the Current Time and Total Time properties of the audio asset
  • Convert this progress (in seconds) to either a percentage, or any value range that will be used by your animation
  • Build your animation.

Before I go into the details of each step, could you share some visuals of what this animation would look like?
If you’d rather share this information privately with the Intuiface staff team, please create a support ticket here.
If you’re ok sharing this publicly with all your users, you can reply here.

Just to give you a preview of these steps with a linear animation (not circular)

AudioProgress

Thanks

Seb