The setVolume() function is an inbuilt function in p5.js library. This function is used to control the volume of the played audio on the web. This function has a range of between (0.0) which means total silence to (1.0) which means full volume. This volume also can be controllable by a slider var by dividing that in different ranges.
Â
Syntax:Â Â
setVolume( volume, rampTime, timeFromNow )
Note: All the sound-related functions only work when the sound library is included in the head section of the index.html file.
Parameter: This function accept three parameters as mentioned above and described below. Â
- volume: This parameter holds a float number that defines the volume of the playback.
- rampTime: This parameter holds an integer value of time in the second format after that the sound will be fade. It is optional.
- timeFromNow: This parameter holds an integer value of time in the second format after that define event will happen.
Below examples illustrate the p5.setVolume() function in JavaScript:Â
Example 1: In this example, we set the fixed volume in the code which is 0.5. Â
javascript
var sound; Â
function preload() { Â
    // Initialize sound     sound = loadSound("pfivesound.mp3"); } Â
function setup() { Â
    // Playing the preloaded sound     sound.play();    //stopping the played sound after 5 seconds    sound.setVolume(0.5);} |
Example 2: In this example, we will create a slide that will help the user to increase the volume by 0.2, and the starting volume is set to 0.2.Â
javascript
var sound; var slider;Â
function preload() {       // Initialize sound     sound = loadSound("pfivesound.mp3"); }   function setup() {       // Playing the preloaded sound     sound.play();    //creating sound rocker    slider = createSlider(0, 1, 0.2, 0.2);  }   function draw() {    sound.setVolume(slider.value());} |
Online editor: https://editor.p5js.org/Â
Environment Setup: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
Supported Browsers: The browsers are supported by p5.js setVolume() function are listed below:Â Â
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- OperaÂ
