Add and manage sounds

Add and manage sounds

Sounds are an important addition to any interactive experience. Here is how you add them on your pages.

Here are the different options proposed by Racontr that we will approach:

First step: Add a sound on a page

Firstly, you have to import your sound in your library. Once in your editor, you have to:

  1. Click on the “+” icon on the menu on the top left,
  2. then on “Audio”,
  3. choose your sound
  4. and validate.

It will display on your page once you validate your choice.

Sound properties

  1. Click on your sound and edit its properties in the panel that should appear automatically (otherwise you can open it by clicking on the gears-shaped icon). You can change the name of the sound and add a class for your own custom code.
  2. Manage volume: choose the sound volume. You can create fade by adding an action on an element. Display controls, autoplay, loop, opacity.
  3. Duplicate and remplace the sound on the page. Change the opacity of the element.


Create an account

  1. OK let's do this.

Log in with your credentials

Forgot your details?