RIVE - App Audio Waveform



The brief:

Create a simplistic audio feedback animation that reacts to the audio levels of the app user.

The most significant need for app users:

- To give the user affirmation of the audio collection. - Make the audio wave react based on the user's loudness. I created a number input: 0=no audio & 100=max volume. The wave then grows based on the number of inputs that the user triggers.

Need for Developers:

- Have a stroke width control for each individual stroke. - Have a number input control for wave height. - Have a width control for the devs to adjust the wave to different screen sizes. - Have a control to switch the secondary strokes on or of. - Colour controls: Have a trigger to make the Opacity 70% and a trigger to make it blue or black.

Link to the experience: https://rive.app/s/0dD368Xa2kG7XrCG4MmA2A/



Below is a GIF with only the animation and width control. PS: you can dabble with the entire experience in the link provided above.