Skip to main content

Documentation Index

Fetch the complete documentation index at: https://uat.rive.app/docs/llms.txt

Use this file to discover all available pages before exploring further.

To learn more on how to add audio to your Rive file, see Audio Events.
On the web, most browsers restrict audio from playing until the web page is interacted with. This applies to any audio, not just Rive audio.The web page needs to receive some interaction (touch/click) before sound is played. This interaction can be anything on the browser and doesn’t need to be a Rive specific interaction.

Embedded Assets

Embedded assets require no additional work to play audio.

Referenced Assets

Referenced assets require a little bit more work to play audio. Audio will still automatically play, but the audio file(s) must be loaded when a Rive runtime attempts to play audio. For more information, see Loading Assets.

Volume control

To control volume on the artboard, set the .volume property on the Rive instance. The value is a multiplier applied to the default volume level of each audio event on the artboard, allowing you to adjust the overall audio level up or down as needed. The default value is 1.0, which means the audio plays at its default level. To mute the audio, set .volume to 0. The example below adjusts the volume to be 50% softer than the default level.
const r = new Rive ({ ... });
r.volume = 0.5;